/* A soft surface in the hero; a single folded object for enquiries. */
.physical-hero.spotlight-hero.hero{background:#09090c;min-height:740px;height:calc(100svh - 100px);padding-top:65px;padding-bottom:150px;overflow:clip;isolation:isolate}
.physical-hero .hero-intro{position:static;pointer-events:none}
.physical-hero .eyebrow,.physical-hero h1,.physical-hero .hero-offer{position:relative;z-index:4}
.physical-hero h1{font-size:clamp(43px,5.4vw,84px);max-width:1050px}
.physical-hero .writer-word{pointer-events:auto}
.soft-screen{position:absolute;right:-8%;top:48%;width:79%;aspect-ratio:1.45;transform:translateY(-50%);z-index:1;isolation:isolate;pointer-events:auto;user-select:none;-webkit-user-select:none}
.soft-screen canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.surface-static{position:absolute;inset:10% 8%;overflow:hidden;border-radius:50%;background:radial-gradient(ellipse at 62% 50%,#ead045 0 1%,#6d5a16 1.8%,#0c0c0e 3%,#08080c 13%,#52515c 13.7%,#151419 15%,#08080b 31%,#26262f 32%,#0b0b10 42%,transparent 67%);transform:rotate(-12deg);transition:transform .5s}
.surface-ready .surface-static{display:none}
.surface-fallback.is-pressed .surface-static{transform:rotate(-8deg) scale(.89,1.13);background:radial-gradient(ellipse at var(--surface-x,50%) var(--surface-y,50%),#f0ce36 0 7%,#c7a51d 9%,#050507 10%,#484750 13%,#101015 20%,#23232b 32%,#0b0b0e 44%,transparent 68%)}
.surface-touch{position:absolute;inset:10% 12% 10% 12%;padding:0;border:0;background:none;border-radius:30%;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.surface-touch:active{cursor:grabbing}
.surface-touch:focus-visible{outline:1px dashed #f0ce3690;outline-offset:3px}
.surface-invite{position:absolute;bottom:12%;left:52%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.2px;color:#b1aab5;pointer-events:none;white-space:nowrap}
.surface-invite svg{width:19px;height:19px;stroke:#f0ce36;fill:none;stroke-width:1.2}
.is-pressed .surface-invite{color:#f0ce36}
.thinking-lab .built-subheadline{top:33.8%;font-size:clamp(14px,1.2vw,17px);line-height:1.65;letter-spacing:-.1px;width:83%!important;margin:0;padding:2px 0}
.contact.section{padding-top:72px;scroll-margin-top:-90px}
.contact .contact-layout{display:block}
.contact .contact-intro{display:grid;grid-template-columns:1.2fr 1fr;column-gap:9%;align-items:end}
.contact-intro>.eyebrow{grid-column:1;grid-row:1}
.contact .contact-intro h2{grid-column:1;grid-row:2/4;font-size:clamp(62px,6vw,84px);margin:20px 0 0}
.contact .contact-selective{grid-column:2;grid-row:2;margin:0 0 22px}
.contact-layout .contact-links{grid-column:2;grid-row:3;margin:0 0 8px}
.contact-flow{padding-top:65px;perspective:1600px;padding-bottom:24px}
.folded-enquiry{--paper:#e8e1ee;--ink:#24202c;position:relative;min-height:485px;color:var(--ink);background:var(--paper);border-radius:3px 3px 8px 8px;transform:rotateX(4deg) rotateZ(-1.4deg);transform-origin:50% 90%;box-shadow:0 3px 0 #b3a4c0,0 7px 0 #50405f,0 30px 55px #08040d50;transition:transform .7s cubic-bezier(.2,.65,.2,1);isolation:isolate}
.folded-enquiry:before{content:'';position:absolute;inset:-10px 23px 0 12px;background:none;border:8px solid #786389;border-radius:6px;transform:rotate(1.5deg);z-index:-1}
.folded-enquiry:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #fff9;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.09' filter='url(%23g)'/%3E%3C/svg%3E");opacity:.21}
.contact-flow.has-selection .folded-enquiry{transform:none}
.service-picker{position:absolute;inset:0;display:block;z-index:4;pointer-events:none}
.service-picker[hidden],.enquiry-reveal[hidden]{display:none!important}
.paper-stage{position:absolute;inset:0 32% 0 0;overflow:hidden;perspective:1000px;transition:opacity .4s,visibility 0s .5s}
.paper-stage:before{content:'';position:absolute;inset:0;box-shadow:inset -15px 0 35px #46344e12;pointer-events:none;z-index:6}
.paper-label{position:absolute;top:29px;left:35px;font-size:14px;letter-spacing:1.6px;color:#74647d;z-index:5}
.paper-instruction{position:absolute;left:38px;bottom:40px;z-index:5;font-size:clamp(32px,4.2vw,60px);font-weight:500;letter-spacing:-2.5px;line-height:1;margin:0;color:#332739;text-shadow:0 1px #fffffff0}
.paper-instruction span{font-family:Georgia,serif;font-style:italic;font-weight:400}
.paper-instruction svg{width:43px;height:27px;stroke:#7b6189;stroke-width:1.4;fill:none;margin-left:16px;vertical-align:middle}
.fold-art{position:absolute;inset:57px 10% 110px 9%;display:flex;align-items:center;perspective:800px;transform:rotateZ(-9deg) rotateX(6deg);transform-style:preserve-3d}
.fold-leaf{position:relative;display:block;flex:1;height:100%;min-width:0;margin-right:-4.5%;transform-origin:left center;transform:rotateY(var(--fold));background:#c2afce;box-shadow:10px 5px 14px #25162a32;transition:transform .65s cubic-bezier(.2,.6,.2,1),filter .5s}
.fold-leaf:nth-child(1){--fold:-27deg;z-index:4}.fold-leaf:nth-child(2){--fold:27deg;z-index:3}.fold-leaf:nth-child(3){--fold:-27deg;z-index:2}.fold-leaf:nth-child(4){--fold:27deg;z-index:1}
.fold-leaf img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75);opacity:.88}
.fold-leaf:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff65,#ffffff08 35%,#36203d3b 95%,#271a32a8);box-shadow:inset 1px 0 #ffffffa6}
.fold-leaf:nth-child(even):after{background:linear-gradient(90deg,#160c2259,transparent 60%,#ffffff90)}
.fold-leaf.is-preview{transform:rotateY(0deg) translateZ(28px);filter:brightness(1.1)}
.has-selection .paper-stage{opacity:0;visibility:hidden;pointer-events:none}
.has-selection .fold-leaf{transform:rotateY(0deg) rotateX(-80deg) translateY(-20px);transition-delay:calc(var(--leaf)*.06s)}
.service-tabs{position:absolute;right:-14px;top:32px;bottom:32px;width:34%;display:flex;flex-direction:column;gap:9px;justify-content:center;pointer-events:auto;z-index:6}
.service-choice{--tab:#dad0e3;display:flex;align-items:center;gap:13px;position:relative;min-height:89px;flex:1;max-height:100px;text-align:left;margin:0;padding:16px 32px 16px 27px;border:0;border-radius:2px 12px 12px 2px;background:linear-gradient(110deg,#0000000d,transparent 28%),var(--tab);box-shadow:0 2px 0 #9983aa5c,5px 5px 13px #2b183f18;cursor:grab;touch-action:pan-y;color:#34273e;transition:transform .32s cubic-bezier(.2,.65,.2,1),background .3s;transform-origin:left center;font-family:'DM Sans',sans-serif;isolation:isolate}
.service-choice.is-pulling{transition:none!important;transform:translateX(var(--tab-pull,0px)) rotateY(-5deg)!important;cursor:grabbing}
.service-choice:nth-child(2){--tab:#d2c1df}.service-choice:nth-child(3){--tab:#baa2cd}.service-choice:nth-child(4){--tab:#f0ce36}
.service-choice:before{content:'';position:absolute;left:11px;top:18px;bottom:18px;width:1px;background:#5e466028;box-shadow:3px 0 #ffffff30}
.service-choice:hover,.service-choice:focus-visible{transform:translateX(11px) rotateY(-5deg)}
.service-choice:focus-visible{outline:2px solid #f0ce36;outline-offset:5px}
.service-choice[aria-pressed="true"]{transform:translateX(15px);background:#f5edf9;box-shadow:0 2px 0 #b2a3bd,6px 6px 15px #29173528}
.tab-index{font-size:14px;letter-spacing:.6px;align-self:flex-start;margin-top:3px;opacity:.55}
.tab-copy{flex:1;min-width:0}.tab-copy strong{font-size:16px;font-weight:500;letter-spacing:-.45px;line-height:1.2;display:block}
.tab-copy small{display:block;font-size:14px;line-height:1.5;margin-top:7px;opacity:.68}
.tab-arrow{font-size:22px;font-weight:400;opacity:.75}
.enquiry-reveal{position:relative;z-index:3;width:68%;padding:37px 42px 38px;min-height:485px;overflow:hidden;isolation:isolate}
.sheet-form-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#eee7f3}
.sheet-form-art img{position:absolute;right:-19%;top:-4%;width:74%;height:110%;object-fit:cover;opacity:.10;filter:grayscale(.4);mask-image:linear-gradient(90deg,transparent,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%)}
.chosen-service{display:flex;align-items:center;gap:12px;border-bottom:1px solid #61477533;padding:0 0 20px;margin-bottom:2px;outline:none}
.chosen-service>img{width:48px;height:48px;border-radius:2px;object-fit:cover;box-shadow:0 2px 5px #21152b20}
.chosen-service>span{font-size:18px;letter-spacing:-.4px;flex:1}
.chosen-service>span small{font-size:14px;letter-spacing:1px;display:block;color:#80668f;margin-bottom:5px}
.service-change{background:none;border:0;border-bottom:1px solid #77618460;padding:7px 0;color:#64516f;font-size:14px;cursor:pointer;white-space:nowrap}
.service-change:focus-visible{outline:2px solid #79618d;outline-offset:4px}
.contact .enquiry-form{padding-top:24px;gap:24px}
.folded-enquiry .enquiry-form label{color:#5f4c6d;font-size:14px}
.folded-enquiry .enquiry-form input,.folded-enquiry .enquiry-form textarea{color:#28212e;border-color:#806a9059;background:transparent}
.folded-enquiry .enquiry-form input:focus,.folded-enquiry .enquiry-form textarea:focus{border-color:#685077;outline-color:#685077}
.folded-enquiry .enquiry-form textarea{min-height:100px}
.folded-enquiry .enquiry-submit button{background:#2a2033;color:#f7f0fb;padding:15px 23px}
.folded-enquiry .enquiry-submit button:hover{background:#42304e}
.folded-enquiry #direct-send-note,.folded-enquiry #form-feedback{color:#685575;font-size:14px}
.enquiry-reveal.is-entering{animation:sheet-open .6s cubic-bezier(.2,.7,.2,1) both;transform-origin:right center}
.contact-flow:not(.is-enhanced) .chosen-service{display:none}
@keyframes sheet-open{from{opacity:0;transform:perspective(1000px) rotateY(-12deg);clip-path:inset(0 0 95% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@media(max-width:1050px) and (min-width:701px){.physical-hero h1{font-size:52px}.soft-screen{right:-15%;width:85%}.thinking-lab .built-subheadline{font-size:14px;top:34%}.tab-copy strong{font-size:14px}.service-choice{padding-left:20px;padding-right:17px;gap:9px}.enquiry-reveal{padding:30px}}
@media(max-width:700px){
 .physical-hero.spotlight-hero.hero{height:auto;min-height:0;max-height:none;display:block;padding:42px 6% 160px}
 .physical-hero .hero-intro{width:100%}.physical-hero .eyebrow{margin-bottom:25px}
 .physical-hero h1{font-size:clamp(34px,9.3vw,56px);line-height:1.04;max-width:none}
 .soft-screen{position:relative;left:-12%;right:auto;top:auto;width:124%;transform:none;aspect-ratio:1.2;margin:-6px 0 -26px}
 .surface-touch{inset:9% 8% 7%}.surface-invite{bottom:8%;left:50%;font-size:14px}
 .physical-hero .hero-offer{margin-top:4px;max-width:330px;font-size:14px}.physical-hero .hero-bottom{bottom:86px}
 .thinking-lab .built-subheadline{font-size:clamp(14px,3.5vw,15px);line-height:1.65;top:25.5%;width:84%!important}
 .contact.section{padding-top:48px;scroll-margin-top:-90px}
 .contact .contact-intro{display:block}.contact .contact-intro h2{font-size:58px}.contact .contact-selective{margin:18px 0}.contact-layout .contact-links{margin:18px 0 0}
 .contact-flow{padding-top:36px;padding-bottom:20px}
 .folded-enquiry{min-height:465px;transform:rotateZ(-1deg);border-radius:3px 3px 7px 7px}
 .paper-stage{inset:0 0 272px}.paper-label{top:20px;left:24px;font-size:14px}
 .fold-art{inset:43px 10% 64px;transform:rotateZ(-7deg) rotateX(8deg)}
 .paper-instruction{left:24px;bottom:19px;font-size:31px;letter-spacing:-1.4px}.paper-instruction svg{width:35px;height:22px;margin-left:12px}
 .service-tabs{width:auto;left:16px;right:-8px;top:auto;bottom:20px;height:252px;gap:7px}
 .service-choice{min-height:56px;max-height:60px;padding:10px 18px 10px 20px;gap:10px;border-radius:2px 9px 9px 2px}
 .tab-index{font-size:14px;margin-top:4px}.tab-copy strong{font-size:15px;letter-spacing:-.4px}.tab-copy small{font-size:14px;display:inline;margin-top:3px}.tab-arrow{font-size:20px}
 .service-choice:hover,.service-choice:focus-visible{transform:translateX(5px)}.service-choice[aria-pressed="true"]{transform:translateX(7px)}
 .has-selection .folded-enquiry{padding-top:72px}
 .has-selection .service-picker{bottom:auto;height:70px}
 .has-selection .service-tabs{top:13px;bottom:auto;left:11px;right:10px;height:46px;flex-direction:row;gap:4px}
 .has-selection .service-choice{padding:8px 6px;gap:0;min-height:46px;max-height:none;flex:1;border-radius:2px 5px 5px 2px;justify-content:center;text-align:center}
 .has-selection .tab-index,.has-selection .tab-copy small,.has-selection .tab-arrow,.has-selection .service-choice:before{display:none}
 .has-selection .tab-copy strong{font-size:14px;letter-spacing:-.3px;line-height:1.2}
 .has-selection .service-choice[aria-pressed="true"]{transform:translateY(-5px);background:#f0ce36}
 .has-selection .service-choice:hover,.has-selection .service-choice:focus-visible{transform:translateY(-3px)}
 .enquiry-reveal{width:100%;padding:8px 23px 30px;min-height:0}
 .chosen-service{gap:9px;padding-bottom:18px}.chosen-service>span{font-size:17px}.chosen-service>img{width:40px;height:40px}.service-change{font-size:14px}
 .contact .enquiry-form{grid-template-columns:1fr;gap:25px;padding-top:23px}.folded-enquiry .enquiry-form input,.folded-enquiry .enquiry-form textarea{font-size:16px}
 .folded-enquiry .enquiry-form textarea{min-height:95px}.enquiry-submit{margin-top:0}.sheet-form-art img{width:100%;right:-15%;opacity:.07}
}
@media(max-width:380px){.thinking-lab .built-subheadline{top:29%;font-size:14px}.chosen-service>span{font-size:15px}.chosen-service>img{width:34px;height:34px}.enquiry-reveal{padding-left:19px;padding-right:19px}}
@media(prefers-reduced-motion:reduce){.surface-static,.folded-enquiry,.fold-leaf,.paper-stage,.service-choice{transition:none}.enquiry-reveal.is-entering{animation:none}.service-choice:hover,.service-choice:focus-visible{transform:none}}
