@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/dm-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/dm-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/dm-sans-700.ttf) format('truetype');
}

:root{--bg:#080b10;--surface:#10141a;--ink:#f1f1ed;--muted:#9ea4ad;--gold:#d8b989;--line:rgba(231,234,239,.14);--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{color:inherit}::selection{background:var(--gold);color:var(--bg)}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--gold);letter-spacing:-.05em}h2{font-size:clamp(2.5rem,4.5vw,4.7rem);line-height:1.12;font-weight:450;letter-spacing:-.055em}h3{font-weight:500;letter-spacing:-.03em}.section{padding:112px max(5.5vw,24px);scroll-margin-top:0}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.17em;line-height:1.5;color:var(--gold)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:56px}.section-heading .eyebrow{margin-bottom:25px}.section-note{max-width:335px;color:var(--muted);padding-bottom:4px}.skip{position:fixed;top:-70px;left:20px;z-index:1000;background:var(--gold);color:var(--bg);padding:12px}.skip:focus{top:10px}.scroll-progress{position:fixed;top:0;left:0;height:2px;z-index:105;background:var(--gold);width:0}.header{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:29px 5.5vw;border-bottom:1px solid rgba(255,255,255,.07);gap:25px}.brand{display:flex;align-items:center;gap:13px;font-size:27px;font-weight:650;letter-spacing:-.055em;line-height:1}.brand-icon{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:54px;line-height:.7}.brand-sub{display:block;letter-spacing:.25em;font-size:9px;font-weight:400;margin-top:8px;color:var(--muted)}.nav{display:flex;gap:32px;font-size:14px}.nav a{position:relative;color:#c3c5c9;transition:color .2s}.nav a:hover{color:var(--gold)}.header-cta{display:flex;align-items:center;gap:24px;border:1px solid #6b6254;padding:11px 21px;border-radius:40px;font-size:14px}.cta-spark{color:var(--gold);font-size:21px;line-height:1}.header-cta:hover{background:#d8b98915}.menu-toggle{display:none}.mobile-nav{display:none}.hero{position:relative;isolation:isolate;min-height:870px;height:100svh;max-height:1150px;overflow:hidden;background:#080c12}.hero-ocean{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,11,16,.05),rgba(8,11,16,.24)),url('/assets/ocean.webp') center 70%/cover;z-index:-3;opacity:.64}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b10ed 0%,#080b10a8 37%,#080b1010 75%),linear-gradient(0deg,#080b10 0%,transparent 22%,transparent 70%,#080b1040);z-index:-1}.hero-copy{position:relative;z-index:2;padding:188px 0 120px 7.5%;width:65%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-intro{display:flex;align-items:center;gap:12px;color:#c4c3c1;letter-spacing:.19em}.mini-line{width:25px;height:1px;background:var(--gold)}h1{font-size:clamp(4.8rem,7.8vw,8.1rem);font-weight:450;letter-spacing:-.068em;line-height:.96;margin:28px 0 31px}h1 em{display:block;font-size:.79em;letter-spacing:-.055em;margin-top:9px;white-space:nowrap}.hero-description{font-size:17px;color:#bfc0c5;line-height:1.75;max-width:430px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;font-size:14px;font-weight:600;min-height:49px;border:1px solid transparent;border-radius:4px;transition:transform .25s,background .25s,box-shadow .25s}.gold{background:var(--gold);color:#151411}.gold:hover{background:#ecd0a8;transform:translateY(-3px);box-shadow:0 9px 35px #d8b98915}.outline{background:transparent;border-color:#4a4b4d}.outline:hover{border-color:var(--gold);background:#d8b9890c}.text-link{font-size:14px;position:relative;padding:8px 0}.text-link span{display:block;height:1px;background:#76716a;margin-top:6px;transform-origin:left;transition:transform .25s}.text-link:hover span{transform:scaleX(.65);background:var(--gold)}.scene-wrap{position:absolute;z-index:1;width:60%;height:85%;right:-5%;top:11%;cursor:grab;touch-action:pan-y}.scene-wrap:active{cursor:grabbing}#scene{display:block;width:100%;height:100%;outline:none}.scene-caption{position:absolute;z-index:3;right:11%;bottom:17%;font-size:10px;letter-spacing:.19em;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:2px 10px;color:#ccc4b6;pointer-events:none}.caption-cross{font-size:28px;grid-row:span 2;font-weight:300}.scene-hint{font-size:12px;letter-spacing:0;color:#a7a8ae}.hero-bottom{position:absolute;bottom:34px;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;z-index:4;color:#b0b1b6}.scroll-cue{display:flex;align-items:center;gap:13px}.scroll-mouse{border:1px solid #676e78;width:16px;height:25px;border-radius:9px;position:relative}.scroll-mouse:after{content:'';position:absolute;width:2px;height:5px;left:6px;top:5px;background:var(--gold);animation:scrollHint 2s infinite}.motion-toggle{border:0;background:none;display:flex;gap:9px;align-items:center;font-size:12px;color:#b5b6b9;padding:8px}.pause-symbol{color:var(--gold);font-size:16px}.intro-strip{padding:37px 5.5vw;display:flex;align-items:center;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.intro-strip strong{color:var(--ink);font-weight:500}.intro-line{height:37px;width:1px;background:var(--line)}.intro-index{margin-left:auto;font-size:11px;letter-spacing:.12em}.work{padding-bottom:105px}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}.project-flower{margin-top:125px}.project-image{display:block;position:relative;aspect-ratio:1.3;overflow:hidden;background:#1a1b1c;border:1px solid #ffffff10;transition:transform .3s,box-shadow .3s;transform-style:preserve-3d}.project-flower .project-image{aspect-ratio:.96}.project-image img{height:100%;transition:transform .9s cubic-bezier(.2,.7,.3,1);filter:brightness(.75) saturate(.68)}.project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 65%);pointer-events:none}.project-image:hover img{transform:scale(1.06);filter:brightness(.92) saturate(.9)}.project-image-label{position:absolute;bottom:25px;left:27px;font-size:11px;letter-spacing:.19em;z-index:1}.project-visit{position:absolute;top:24px;right:23px;padding:9px 15px;background:#10141a85;border:1px solid #ffffff30;backdrop-filter:blur(15px);border-radius:30px;font-size:12px;z-index:2}.project-info{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:21px}.project-type{font-size:10px;letter-spacing:.1em;color:var(--muted)}.project-info h3{font-size:24px;margin-top:5px}.project-tag{font-size:11px;padding:5px 10px;border:1px solid #ffffff1f;border-radius:3px;color:#c4c7cb;white-space:nowrap}.concept-project{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-top:60px}.concept-image{width:150px;height:94px;flex-shrink:0;overflow:hidden}.concept-image img{height:100%;filter:brightness(.8);transition:transform .4s}.concept-project:hover img{transform:scale(1.06)}.concept-project .eyebrow{font-size:10px}.concept-project h3{font-size:25px;margin:4px 0}.concept-project p{font-size:14px;color:var(--muted)}.concept-project .project-tag{margin-left:auto}.concept-action{font-size:14px;color:var(--gold);margin-left:30px}.services{display:grid;grid-template-columns:1fr 1.35fr;gap:10%;background:#0e1218;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services-intro .eyebrow{margin-bottom:23px}.services-intro>p:not(.eyebrow){color:var(--muted);max-width:355px;margin:25px 0}.services-word{font-family:Georgia,serif;font-style:italic;font-size:180px;line-height:1.1;letter-spacing:-.12em;color:#d8b98915;margin-top:25px}.services-list details{border-top:1px solid var(--line)}.services-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.services-list summary{display:flex;align-items:center;gap:21px;padding:26px 0;font-size:23px;line-height:1.4;letter-spacing:-.03em}.service-number{font-size:11px;color:var(--gold);letter-spacing:0;margin-right:3px}.detail-plus{margin-left:auto;color:#a7a8ab;font-size:26px;font-weight:400;transition:transform .3s}.services-list details[open] .detail-plus{transform:rotate(45deg);color:var(--gold)}.service-content{padding:0 5px 30px 40px}.service-content p{font-size:16px;color:var(--muted);line-height:1.8}.service-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:23px;font-size:12px;color:var(--gold)}.service-bottom a{text-decoration:underline;text-underline-offset:5px}.marquee{overflow:hidden;border-bottom:1px solid var(--line);padding:37px 0}.marquee-track{display:flex;width:max-content;gap:36px;align-items:center;animation:marquee 48s linear infinite;font-size:clamp(2rem,4.7vw,5rem);letter-spacing:-.04em;font-weight:450;color:#767b82}.marquee i{font-size:.65em;font-style:normal;color:var(--gold)}.about{display:grid;grid-template-columns:1fr 1.6fr;gap:13%;padding-top:130px;padding-bottom:130px}.about-location{display:block;font-size:15px;color:#6c7380;letter-spacing:.05em;margin-top:90px;line-height:1.7}.about-location span{font-size:11px;display:block;letter-spacing:.14em;margin-top:15px;color:var(--gold)}.about-copy h2{margin-bottom:32px}.about-copy>p{max-width:610px;color:var(--muted)}.about-copy .about-lead{font-size:24px;line-height:1.55;color:var(--ink);margin-bottom:20px}.founder{display:flex;gap:15px;align-items:center;margin-top:31px;font-size:14px}.founder-monogram{display:grid;place-items:center;width:53px;height:53px;border:1px solid #605742;border-radius:50%;color:var(--gold);font-family:Georgia,serif;font-style:italic;font-size:23px}.founder strong{display:block;font-weight:500}.founder div span{display:block;color:var(--muted);font-size:12px}.process{border-top:1px solid var(--line);padding-top:70px}.process .section-heading{margin-bottom:55px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px}.step{display:block;color:var(--gold);font-size:11px;letter-spacing:.13em;border-top:1px solid #665c47;padding-top:23px}.process h3{font-size:25px;margin:25px 0 12px}.process p{font-size:15px;color:var(--muted);max-width:350px}.packages{background:#11151c;border-block:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{position:relative;border:1px solid #ffffff1c;padding:31px 27px;display:flex;flex-direction:column;background:#10141a}.price-index{font-size:11px;letter-spacing:.15em;color:var(--gold)}.price-card h3{font-size:24px;line-height:1.25;min-height:30px;margin:27px 0 15px}.price-description{font-size:15px;color:var(--muted);min-height:72px}.price{font-size:57px;line-height:1.3;letter-spacing:-.065em;margin:25px 0 22px}.price span{display:block;font-size:12px;color:var(--muted);letter-spacing:0;margin-top:2px}.price-card ul{list-style:none;padding:23px 0 0;margin:0;border-top:1px solid var(--line);font-size:14px;line-height:1.5}.price-card li{margin-bottom:13px;padding-left:21px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-size:12px}.scope{font-size:12px;color:#9197a1;line-height:1.7;min-height:62px;margin:8px 0 23px}.price-card .button{margin-top:auto;width:100%}.featured{border-color:#d8b98990;background:linear-gradient(155deg,#d8b98908,transparent 80%)}.price-badge{position:absolute;right:14px;top:-12px;background:var(--gold);padding:5px 9px;color:#191815;font-size:9px;letter-spacing:.08em}.pricing-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:30px;color:var(--muted);font-size:12px;line-height:1.8}.pricing-notes p:first-child{font-size:14px}.pricing-notes strong{font-weight:500;color:#d3d4d8}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding-block:100px}.faq .eyebrow{margin-bottom:23px}.faq h2{font-size:45px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;font-size:17px}.faq-list summary span{color:var(--gold);font-size:25px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--muted);font-size:15px;padding:0 0 25px}.contact{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;padding-block:115px;background:radial-gradient(ellipse at 0% 100%,#40342350,transparent 60%),#0e1218;border-top:1px solid var(--line)}.contact-copy .eyebrow{margin-bottom:33px}.contact h2{font-size:clamp(3.7rem,6vw,6rem);line-height:1.02}.contact h2 em{white-space:nowrap}.contact-email{display:inline-block;margin-top:42px;border-bottom:1px solid #766348;padding-bottom:9px;color:var(--gold);font-size:20px}.contact-copy>p:last-child{font-size:13px;color:var(--muted);margin-top:20px}.form-heading h3{font-size:22px}.form-heading p{font-size:14px;color:var(--muted);margin:7px 0 27px}.contact-form label{display:block;font-size:12px;color:#c3c6cd;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,textarea,select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #393d44;border-radius:0;padding:10px 0 12px;color:var(--ink);font-size:15px;outline:none}input::placeholder,textarea::placeholder{color:#717984}input:focus,textarea:focus,select:focus{border-color:var(--gold)}select{color:#c3c6cd;appearance:auto}option{background:#11151c}textarea{resize:vertical;min-height:90px}.form-note,.privacy-note{color:#929aa6;font-size:12px;line-height:1.6}.form-submit{width:100%;margin:19px 0}.privacy-note a{text-decoration:underline;text-underline-offset:3px}.form-result{padding:20px 0;color:var(--gold);font-size:14px}.form-result a{margin-top:12px}.copy-enquiry{background:none;border:0;font-size:13px;text-decoration:underline;margin:16px 0 0 10px}.contact-form .form-result[hidden]{display:none}footer{padding:55px 5.5vw 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:45px}.footer-top>p{font-size:14px;color:var(--muted)}.back-top{font-size:13px;color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.05em;color:#8a929e;border-top:1px solid var(--line);padding-top:23px}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.3,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}.js .hero-copy{animation:heroIn 1.4s both}.js .scene-wrap{animation:sceneIn 2s both}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{transition:none!important}.motion-paused .project-image,.motion-paused .project-image img{transform:none!important}@keyframes scrollHint{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(6px);opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes heroIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sceneIn{from{opacity:0}to{opacity:1}}@media(min-width:1600px){.hero-copy{padding-top:210px}.hero-description{font-size:20px}.hero-actions{margin-top:40px}}@media(max-width:1100px){.header{padding-inline:4vw}.nav{gap:22px}.hero-copy{padding-left:6%;padding-top:185px}.hero{min-height:800px}.scene-wrap{right:-14%;width:70%}.hero-location{display:none}.project-grid{gap:26px}.project-info{display:block}.project-tag{display:inline-block;margin-top:10px}.services{gap:6%;grid-template-columns:1fr 1.3fr}.services-list summary{font-size:20px}.pricing-grid{gap:13px}.price-card{padding:28px 19px}.price-card h3{font-size:21px;min-height:53px}.price-description{min-height:96px}.scope{min-height:83px}.contact{gap:6%}.contact h2{font-size:5rem}.footer-bottom{font-size:9px}.about{gap:9%}}@media(max-width:760px){html{scroll-padding-top:30px}.header{padding:24px}.brand{font-size:24px}.brand-icon{font-size:46px}.nav,.header-cta{display:none}.menu-toggle{display:flex;background:transparent;border:1px solid #ffffff25;border-radius:50%;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:17px;height:1px;background:var(--ink)}.mobile-nav:not([hidden]){display:flex;position:fixed;inset:88px 0 0;background:#080b10fa;backdrop-filter:blur(20px);z-index:90;flex-direction:column;padding:50px 30px;gap:25px;font-size:30px}.header:has(.menu-toggle[aria-expanded=true]){position:fixed;background:var(--bg)}.hero{height:auto;min-height:960px;max-height:none}.hero-copy{padding:146px 25px 0;width:100%}.hero-intro{font-size:9px;letter-spacing:.13em;gap:9px}.mini-line{width:17px}h1{font-size:clamp(4.35rem,13vw,6.5rem);line-height:.97;margin:26px 0 27px}h1 em{font-size:.73em;white-space:normal}.hero-description{font-size:15px;max-width:320px}.desktop-break{display:none}.hero-actions{gap:23px;margin-top:26px}.hero-actions .button{padding:12px 19px;font-size:13px}.hero-actions .text-link{font-size:12px}.scene-wrap{width:100%;height:395px;right:-7%;top:515px;opacity:.9}.hero-shade{background:linear-gradient(0deg,#080b10 0%,transparent 14%,transparent 50%,#080b10ad 70%)}.hero-ocean{background-position:66% 100%;opacity:.6}.scene-caption{right:24px;bottom:98px;font-size:9px}.scene-hint{font-size:11px}.hero-bottom{bottom:27px;left:24px;right:24px}.hero-bottom .scroll-cue{font-size:9px;gap:9px}.motion-toggle{font-size:11px}.intro-strip{padding:29px 24px;gap:22px;font-size:12px}.intro-index{display:none}.section{padding:75px 24px}.section-heading{display:block;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:20px}.section-note{font-size:15px;margin-top:24px;max-width:330px}h2{font-size:43px}.project-grid{grid-template-columns:1fr;gap:37px}.project-flower{margin:0}.project-image,.project-flower .project-image{aspect-ratio:1.16}.project-info{display:flex;align-items:center}.project-info h3{font-size:21px}.project-type{font-size:9px}.project-tag{font-size:10px;padding:4px 8px}.project-visit{font-size:11px;top:17px;right:17px}.project-image-label{bottom:20px;left:20px;font-size:9px}.concept-project{display:grid;grid-template-columns:95px 1fr;gap:20px;margin-top:38px}.concept-image{width:95px;height:85px;grid-row:span 2}.concept-project h3{font-size:19px}.concept-project .eyebrow{font-size:8px}.concept-project p{display:none}.concept-project .project-tag{margin:0;justify-self:start}.concept-action{display:none}.services{grid-template-columns:1fr;gap:40px}.services-word{display:none}.services-intro>p:not(.eyebrow){margin:21px 0;font-size:15px}.services-list summary{font-size:19px;padding:23px 0;gap:13px}.service-number{font-size:10px}.service-content{padding-left:29px}.service-content p{font-size:15px}.service-bottom{font-size:11px}.marquee{padding:25px 0}.marquee-track{font-size:35px;gap:23px}.about{grid-template-columns:1fr;gap:30px}.about-location{display:none}.about-copy .about-lead{font-size:22px}.about-copy>p{font-size:15px}.process{padding-top:60px}.process-grid{grid-template-columns:1fr;gap:30px}.process h3{margin:15px 0 9px}.process .section-heading{margin-bottom:33px}.pricing-grid{grid-template-columns:1fr;gap:26px}.price-card{padding:29px 26px}.price-card h3{min-height:0;font-size:25px;margin-top:21px}.price-description{min-height:0;max-width:310px}.price{margin:25px 0}.scope{min-height:0;margin-bottom:26px}.pricing-notes{grid-template-columns:1fr;gap:18px;font-size:12px}.faq{grid-template-columns:1fr;gap:28px}.faq h2{font-size:40px}.faq-list summary{font-size:16px}.contact{grid-template-columns:1fr;gap:45px}.contact h2{font-size:63px}.contact-email{font-size:19px;margin-top:29px}.contact-copy .eyebrow{font-size:10px}.form-row{grid-template-columns:1fr;gap:0}.form-heading h3{font-size:22px}.form-heading p{font-size:13px}.contact-form label{font-size:13px}input,textarea,select{font-size:16px}footer{padding:38px 24px 24px}.footer-top{flex-wrap:wrap;padding-bottom:30px}.footer-top>p{display:none}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:12px}.footer-bottom span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.js .hero-copy,.js .scene-wrap{opacity:1;transform:none}}
/* Interactive redesign: a working website becoming a responsive presence. */
:root{--gold:#d1f676}.header{position:absolute;border-color:#1826251a;color:#142322}.header .brand-icon,.header .cta-spark{color:#263c33}.header .brand-sub{color:#5d6a64}.header .nav a{color:#43514b}.header-cta{border-color:#aab5a5}.build-story{height:330svh;position:relative;background:#e9ece4;color:#172b25}.story-pin{position:sticky;top:0;height:100svh;min-height:740px;overflow:hidden;isolation:isolate}.story-grid{position:absolute;inset:0;background-image:linear-gradient(#203a2e06 1px,transparent 1px),linear-gradient(90deg,#203a2e06 1px,transparent 1px);background-size:62px 62px;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000)}.story-copy{position:absolute;left:6vw;top:23%;width:44%;z-index:5;pointer-events:none}.story-copy a{pointer-events:auto}.story-copy .eyebrow{color:#4f6051;font-size:10px}.story-copy h1{font-size:clamp(3.5rem,5.1vw,6.3rem);line-height:1.04;margin:25px 0}.story-copy h1 em{font-size:.94em;color:#365646;margin-top:0}.story-description{color:#61716a;font-size:16px;line-height:1.8}.story-copy .gold{background:#182e26;color:#eff4e8}.story-copy .text-link{color:#25382c}.story-step{display:flex;gap:17px;margin-top:52px;align-items:center}.story-step>span{font-size:39px;font-weight:400;letter-spacing:-.07em;color:#728372}.story-step strong{font-size:15px;font-weight:500}.story-step p{font-size:12px;color:#6b7a70;margin-top:3px}.design-stage{position:absolute;right:2%;top:19%;width:54%;height:68%;perspective:1300px;--assembly:0;--tilt:-13deg;--turn:-15deg}.preview-perspective{height:82%;display:flex;align-items:center;justify-content:center;perspective:1500px}.live-preview{width:94%;border:1px solid #fff9;background:#f9f6ee;box-shadow:15px 32px 65px #26382933,0 0 0 7px #ffffff40;border-radius:13px;overflow:hidden;transform:rotateX(var(--tilt)) rotateY(var(--turn)) rotateZ(-3deg);transition:width .85s cubic-bezier(.2,.7,.3,1),transform .6s,border-radius .8s;transform-style:preserve-3d}.preview-bar{height:34px;background:#f7f9f3;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 15px;font-size:9px;color:#7e887d;border-bottom:1px solid #172b2510}.window-dots{font-size:8px;letter-spacing:3px;color:#aab4a4}.preview-lock{font-size:14px}.preview-page{background:#f9f6ee;padding:26px 26px 18px;min-height:335px;transition:background .6s}.mini-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:10px}.mini-nav strong{font-size:16px;letter-spacing:-.04em;line-height:1.2}.mini-nav strong span{display:block;font-size:5px;letter-spacing:.18em;margin-top:5px}.mini-menu{font-size:7px}.mini-content{display:grid;grid-template-columns:.95fr 1fr;gap:15px;align-items:center}.mini-copy>span{font-size:6px;letter-spacing:.13em;color:#617759}.mini-copy h3{font-family:Georgia,serif;font-size:clamp(24px,2.4vw,39px);font-weight:400;line-height:1.05;letter-spacing:-.065em;margin:13px 0}.mini-copy p{font-size:9px;color:#6c7668;line-height:1.6}.mini-copy a{display:inline-block;background:#21382b;color:white;font-size:7px;padding:9px 11px;border-radius:2px;margin-top:18px;min-height:28px}.mini-picture{position:relative;height:225px}.mini-picture img{height:100%;border-radius:80px 80px 3px 3px;filter:saturate(.7);transition:filter .4s}.mini-stamp{position:absolute;right:-8px;bottom:14px;background:#d1f676;border-radius:50%;width:53px;height:53px;display:grid;place-content:center;text-align:center;font-size:7px;line-height:1.5;transform:rotate(14deg)}.mini-bottom{display:flex;justify-content:space-between;margin-top:24px;padding-top:13px;border-top:1px solid #1a362320;font-size:6px;letter-spacing:.1em}.piece{opacity:calc(.15 + var(--assembly)*.85);transition:transform .12s,opacity .12s}.mini-nav{transform:translateY(calc((1 - var(--assembly))*-60px))}.mini-copy{transform:translate3d(calc((1 - var(--assembly))*-95px),0,calc((1 - var(--assembly))*160px))}.mini-picture{transform:translate3d(calc((1 - var(--assembly))*70px),calc((1 - var(--assembly))*35px),calc((1 - var(--assembly))*110px))}.mini-bottom{transform:translateY(calc((1 - var(--assembly))*50px))}.floating-note{position:absolute;z-index:3;background:#f7f8f3;border:1px solid #fff;box-shadow:0 13px 35px #26382920;border-radius:10px;padding:16px;transition:transform .3s,opacity .3s}.note-type{left:2%;top:4%;transform:rotate(-12deg);width:95px}.note-type>span{font-family:Georgia,serif;font-size:35px;line-height:1}.floating-note small{display:block;font-size:5px;letter-spacing:.12em;line-height:1.6;margin-top:8px}.note-colour{right:0;bottom:20%;transform:rotate(10deg);width:123px}.note-colour i{display:inline-block;width:24px;height:28px;background:#20372b;border-radius:3px;margin-right:3px}.note-colour i:nth-child(2){background:#d1f676}.note-colour i:nth-child(3){background:#e0c5a4}.device-controls{display:flex;justify-content:center;gap:4px;margin-top:5px}.device-controls button{padding:8px 16px;border:1px solid transparent;background:transparent;color:#637465;border-radius:25px;font-size:12px;min-height:36px}.device-controls button[aria-pressed=true]{background:#233d2d;color:#fff;box-shadow:0 3px 15px #20352a20}.preview-caption{text-align:center;font-size:10px;margin-top:12px;color:#788577}.story-footer{position:absolute;bottom:27px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:9px;letter-spacing:.14em;color:#637462}.story-progress{height:2px;background:#25382920;width:22%;overflow:hidden}.story-progress i{display:block;background:#253e2c;height:100%;width:var(--story-progress,0%)}.story-footer .motion-toggle{color:#637462}.story-footer .pause-symbol{color:#253e2c}.design-stage[data-device=tablet] .live-preview{width:61%;border-radius:20px}.design-stage[data-device=tablet] .preview-page{padding:24px 18px}.design-stage[data-device=tablet] .mini-picture{height:220px}.design-stage[data-device=tablet] .mini-menu{display:none}.design-stage[data-device=mobile] .live-preview{width:245px;border-radius:25px;transform:rotateX(4deg) rotateY(-12deg) rotateZ(3deg)}.design-stage[data-device=mobile] .preview-page{padding:20px 18px;min-height:390px}.design-stage[data-device=mobile] .preview-bar{height:25px;font-size:6px}.design-stage[data-device=mobile] .mini-nav{margin-bottom:16px}.design-stage[data-device=mobile] .mini-menu{display:none}.design-stage[data-device=mobile] .mini-content{grid-template-columns:1fr}.design-stage[data-device=mobile] .mini-copy h3{font-size:27px}.design-stage[data-device=mobile] .mini-copy p{font-size:8px}.design-stage[data-device=mobile] .mini-copy a{margin-top:10px}.design-stage[data-device=mobile] .mini-picture{height:140px}.design-stage[data-device=mobile] .mini-picture img{border-radius:4px;object-position:center}.design-stage[data-device=mobile] .mini-bottom{margin-top:14px;font-size:5px}.design-stage[data-device=mobile] .note-type{transform:translateX(30px) rotate(-15deg)}.design-stage[data-device=mobile] .note-colour{transform:translateX(-30px) rotate(12deg)}.package-builder{display:grid;grid-template-columns:1.3fr 1fr;border:1px solid #ffffff26;margin-bottom:45px;background:#0a1010;border-radius:10px;overflow:hidden}.builder-options{padding:40px}.builder-options h3{font-size:31px;line-height:1.2;margin:16px 0 28px}.builder-options fieldset{border:0;padding:0;margin:0 0 25px}.builder-options legend{font-size:14px;margin-bottom:14px;color:#c3cebf}.site-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.site-options label{position:relative;cursor:pointer}.site-options input{position:absolute;opacity:0;width:1px;height:1px}.site-options label>span{display:block;border:1px solid #ffffff26;padding:18px 14px;border-radius:4px}.site-options input:checked+span{border-color:var(--gold);background:#d1f6760d}.site-options input:focus-visible+span{outline:2px solid white;outline-offset:4px}.site-options strong{font-size:14px;font-weight:500;display:block}.site-options small{font-size:12px;color:var(--muted);display:block;margin-top:5px}.addon{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #ffffff13;cursor:pointer}.addon input{width:18px;height:18px;accent-color:var(--gold);flex-shrink:0;margin:0}.addon strong{display:block;font-size:14px;font-weight:500}.addon small{color:var(--muted);font-size:12px;display:block;margin-top:4px}.builder-result{background:#d1f676;color:#1e3426;padding:42px 36px;display:flex;flex-direction:column}.builder-result .eyebrow{color:#496139;font-size:10px}.builder-result h3{font-size:24px;margin-top:20px}.builder-amount{font-size:68px;letter-spacing:-.06em;line-height:1.2;margin:8px 0 26px}.builder-amount small{font-size:12px;display:block;letter-spacing:0;color:#435c33}.recurring{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #21352040;padding-top:17px;font-size:12px;align-items:center}.recurring strong{font-size:16px;white-space:nowrap}.builder-result ul{font-size:13px;list-style:none;padding:0;margin:20px 0}.builder-result li{padding:5px 0}.builder-result li:before{content:'✓';margin-right:9px}.builder-result .button{background:#203929;color:white;margin-top:auto;width:100%}.builder-disclaimer{font-size:11px;line-height:1.7;margin-top:18px;color:#4b623a}#result-saving{font-size:12px;margin-top:18px;font-weight:600}.compare-label{font-size:10px;letter-spacing:.17em;color:var(--muted);margin:0 0 30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.motion-paused .piece{opacity:1;transform:none}.motion-paused .live-preview{transform:none}.motion-paused .floating-note{transform:none}.motion-paused .story-copy{transition:none}.story-copy h1,.story-description{transition:opacity .2s}.design-stage.is-ready .mini-stamp{animation:floatStamp 4s ease-in-out infinite}@keyframes floatStamp{50%{transform:translateY(-7px) rotate(8deg)}}
@media(max-width:1100px){.story-copy{left:5%;top:24%;width:44%}.story-copy h1{font-size:4rem}.design-stage{right:0;width:55%;top:22%;height:60%}.preview-page{padding:20px}.mini-picture{height:195px}.mini-content{gap:10px}.floating-note{padding:12px}.note-type{left:1%;top:0}.note-colour{right:2%;bottom:15%}.story-step{margin-top:35px}.builder-options{padding:30px}.builder-result{padding:35px 26px}.site-options{grid-template-columns:1fr}.builder-options h3{font-size:27px}.header .nav{gap:20px}}
@media(max-width:760px){.header .menu-toggle{border-color:#19312440}.header .menu-toggle span{background:#233c2a}.header:has(.menu-toggle[aria-expanded=true]){background:#e9ece4}.build-story{height:300svh}.story-pin{min-height:780px}.story-copy{top:115px;left:24px;width:calc(100% - 48px)}.story-copy h1{font-size:45px;line-height:1.02;margin:15px 0}.story-copy h1 br:nth-of-type(1){display:none}.story-copy h1 em{font-size:1em}.story-copy .eyebrow{font-size:8px}.story-description{font-size:13px;line-height:1.6}.story-description br{display:none}.hero-actions{margin-top:19px}.story-step{margin-top:19px;gap:12px}.story-step>span{font-size:25px}.story-step strong{font-size:12px}.story-step p{font-size:10px}.design-stage{top:390px;right:3%;width:94%;height:335px}.preview-perspective{height:270px}.live-preview{width:88%;border-radius:8px}.preview-page{padding:16px;min-height:220px}.preview-bar{height:23px;font-size:6px;padding:0 10px}.mini-nav{margin-bottom:16px}.mini-nav strong{font-size:11px}.mini-nav strong span{font-size:4px}.mini-menu{font-size:5px}.mini-picture{height:145px}.mini-copy h3{font-size:25px;margin:8px 0}.mini-copy p{font-size:6px}.mini-copy>span{font-size:5px}.mini-copy a{font-size:6px;padding:7px 9px;margin-top:10px}.mini-stamp{width:40px;height:40px;font-size:5px}.mini-bottom{font-size:4px;margin-top:13px;padding-top:9px}.note-type{width:65px;top:-8px;left:0}.note-type>span{font-size:24px}.floating-note small{font-size:4px}.note-colour{width:87px;right:0;bottom:70px}.note-colour i{width:15px;height:19px}.device-controls{margin-top:7px}.device-controls button{font-size:11px;padding:6px 13px;min-height:32px}.preview-caption{font-size:8px;margin-top:7px}.story-footer{left:24px;right:24px;bottom:15px;gap:10px;font-size:7px}.story-progress{width:17%}.design-stage[data-device=mobile] .live-preview{width:165px;border-radius:17px}.design-stage[data-device=mobile] .preview-page{min-height:235px;padding:12px}.design-stage[data-device=mobile] .mini-nav{margin-bottom:8px}.design-stage[data-device=mobile] .mini-copy h3{font-size:19px}.design-stage[data-device=mobile] .mini-copy p{font-size:6px}.design-stage[data-device=mobile] .mini-picture{height:72px}.design-stage[data-device=mobile] .mini-copy a{font-size:5px;min-height:23px;padding:5px 7px;margin-top:7px}.design-stage[data-device=mobile] .mini-content{gap:8px}.design-stage[data-device=mobile] .mini-bottom{font-size:3px;margin-top:8px}.design-stage[data-device=tablet] .live-preview{width:72%}.design-stage[data-device=tablet] .preview-page{padding:15px}.design-stage[data-device=tablet] .mini-picture{height:148px}.package-builder{grid-template-columns:1fr}.builder-options{padding:27px 22px}.builder-result{padding:30px 25px}.site-options{grid-template-columns:1fr 1fr}.site-options label>span{padding:14px 10px}.site-options strong{font-size:12px}.site-options small{font-size:11px}.builder-options legend{font-size:13px}.builder-amount{font-size:61px}.story-pin{height:max(780px,100svh)}}
@media(prefers-reduced-motion:reduce){.build-story{height:auto}.story-pin{position:relative}.piece{opacity:1;transform:none}.live-preview{transform:none}.story-progress{display:none}}

/* ===== Merge additions: language switcher, real enquiry form, checklist, deposit dialog, privacy ===== */
.header-actions{display:flex;align-items:center;gap:22px}
.language{display:flex;gap:2px;align-items:center}
.language button{padding:8px 7px;min-height:38px;background:none;border:0;font-size:12px;font-weight:600;letter-spacing:.03em;color:#4f6051;border-radius:4px}
.language button[aria-pressed=true]{color:#182e26;text-decoration:underline;text-underline-offset:4px}
.mobile-nav .language{gap:10px;margin-top:6px}
.mobile-nav .language button{color:#9ea4ad;font-size:15px}
.mobile-nav .language button[aria-pressed=true]{color:var(--gold)}

/* Real enquiry form (wired to /api/enquiry + Turnstile) */
.contact-form .package-choice{border:0;padding:0;margin:0 0 26px}
.contact-form .package-choice legend{font-size:13px;color:#c3c6cd;margin-bottom:12px;padding:0}
.package-options{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:8px}
.package-options label{position:relative;cursor:pointer;min-width:0}
.package-options input{position:absolute;opacity:0;width:1px;height:1px}
.package-options label>span{display:flex;flex-direction:column;justify-content:center;gap:4px;height:100%;min-height:72px;padding:11px;border:1px solid #ffffff26;border-radius:4px;transition:background .2s,border-color .2s}
.package-options strong{font-size:13px;font-weight:500;line-height:1.3;color:var(--ink)}
.package-options small{font-size:11px;line-height:1.4;color:var(--muted)}
.package-options input:checked+span{border-color:var(--gold);background:#d1f6760d}
.package-options input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}
.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.form-field{min-width:0}
.form-field.full{grid-column:1/-1}
.form-field input,.form-field textarea{margin-bottom:18px}
.field-help{display:block;font-size:11px;color:var(--muted);margin:-14px 0 16px}
.field-error{display:block;color:#e68b84;font-size:12px;margin:-14px 0 16px}
.form-field [aria-invalid=true]{border-color:#e68b84}
.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#enquiry-verification,#checklist-verification{min-width:0;max-width:100%;overflow:hidden;margin:4px 0 18px}
.form-status{padding:14px 15px;margin:4px 0 16px;border-radius:4px;font-size:13px;line-height:1.7;border:1px solid #3a4a3a;background:#132018;color:#d9e6d2}
.form-status[data-state=error]{background:#241414;border-color:#5a3030;color:#eec3bd}
.form-status a{font-weight:600;text-decoration:underline;color:var(--gold)}
.form-preview{padding:11px 13px;margin:0 0 20px;background:#13171d;border:1px solid var(--line);border-radius:4px;font-size:12px;line-height:1.6;color:var(--muted)}
.privacy-link{display:inline-block;margin-top:8px;text-decoration:underline;text-underline-offset:3px;font-size:12px;color:var(--muted)}
#enquiry-submit:disabled{cursor:wait;opacity:.6}

/* Checklist lead-magnet */
.checklist-section{border-top:1px solid var(--line);background:#0e1218}
.checklist-card{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;max-width:1180px;margin:0 auto}
.checklist-copy .eyebrow{margin-bottom:16px}
.checklist-copy h2{font-size:clamp(1.9rem,3vw,2.6rem)}
.checklist-copy p{color:var(--muted);font-size:15px;line-height:1.8;margin-top:16px;max-width:460px}
.checklist-form{display:flex;flex-direction:column;gap:4px}
.checklist-form .form-row{display:flex;gap:14px;flex-wrap:wrap;margin:0}
.checklist-form input{flex:1;min-width:160px}
.checklist-form button{margin-top:10px;width:auto;align-self:flex-start;padding-inline:28px}
.checklist-status{font-size:13px;line-height:1.7;color:var(--muted);margin-top:10px}
.checklist-status[data-state=error]{color:#eec3bd}
.checklist-status[data-state=success]{color:var(--gold)}
@media(max-width:860px){.checklist-card{grid-template-columns:1fr;gap:28px}}

/* Privacy section */
.privacy-section{border-top:1px solid var(--line)}
.privacy-section .privacy-copy{max-width:680px;display:flex;flex-direction:column;gap:18px;margin-top:28px;color:var(--muted);font-size:14px;line-height:1.8}

/* Deposit-pay link + dialog */
.deposit-link{background:none;border:0;padding:0;margin-top:16px;font-size:12px;font-weight:500;color:var(--gold);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
.deposit-link:hover{color:#e2ff9c}
dialog#packagePayDialog{border:none;border-radius:10px;padding:0;max-width:420px;width:92vw;color:var(--ink);background:#10141a}
dialog#packagePayDialog::backdrop{background:#05070ab3}
.pay-form{padding:28px}
.pay-form h3{margin:0 0 6px;font-size:19px;font-weight:500}
.pay-form .pay-sub{color:var(--muted);font-size:13px;margin:0 0 20px;line-height:1.6}
.pay-form label{display:block;font-size:12px;color:#c3c6cd;margin:14px 0 6px}
.pay-form input{width:100%;background:transparent;border:0;border-bottom:1px solid #393d44;border-radius:0;padding:10px 0 11px;color:var(--ink);font-size:15px;box-sizing:border-box}
.pay-form input:focus{outline:none;border-color:var(--gold)}
.pay-error{display:none;color:#eec3bd;font-size:12.5px;margin-top:14px}
.pay-error.show{display:block}
.pay-form .pay-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.pay-form button[type=submit]{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:4px;font-weight:600;font-size:14px;border:0;background:var(--gold);color:#151411;cursor:pointer}
.pay-form button[type=submit]:disabled{opacity:.6;cursor:default}
.pay-form .pay-cancel{background:transparent;border:1px solid #4a4b4d;border-radius:4px;padding:13px 20px;font-size:14px;cursor:pointer;color:var(--ink)}
.pay-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:18px}
@media(max-width:480px){.pay-form{padding:22px 20px}}

/* Oct 14: stop long Greek/Russian/Dutch words from widening the contact section on phones */
@media (max-width:760px){
  .contact{grid-template-columns:minmax(0,1fr)}
  .contact>*{min-width:0}
  .contact h2 em{white-space:normal}
  html:not([lang="en"]) .contact h2{font-size:clamp(2rem,8.4vw,3.7rem);overflow-wrap:anywhere}
}
/* Cinematic card: keep a little air above it */
#cinematic{margin-top:24px}