/* Page-scoped composition; typography, controls and cinematic motion are shared. */
.services-page{--bg:#080807;--muted:#c2c4c1;background:var(--bg)}
.services-page .site-shell{max-width:1920px;margin:auto;position:relative}
.services-page .eyebrow:before{display:none}
.services-page .eyebrow{font-size:clamp(11px,1.02vw,15px);letter-spacing:.34em;margin-bottom:18px}
.services-page .wordmark:before{content:'•';position:absolute;color:var(--orange);font-size:16px;margin-left:-13px}
.services-page .header.is-sticky{max-width:1920px;margin:auto}
.services-page .header .button-arrow{rotate:45deg}
.services-page .orange-dash{display:block;width:29px;height:3px;background:var(--orange);margin-top:22px}
.services-page .services-hero{height:clamp(590px,47vw,900px);padding:0;min-height:0;max-height:none;background:#070808;overflow:hidden}
.services-room{position:absolute;inset:0;z-index:-4}.services-room img{object-fit:cover;object-position:center top}
.services-hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#030505a6,transparent 52%),linear-gradient(#0002,transparent 70%,#0004)}
.services-hero-copy{position:absolute;left:var(--page);top:25%;width:43%;z-index:6}
.services-hero-copy .eyebrow{color:var(--orange);margin-bottom:12px}
.services-hero-copy h1{font-family:INUDisplay,Impact,sans-serif;font-size:clamp(76px,7.2vw,132px);line-height:.88;font-weight:600;text-transform:uppercase;letter-spacing:-.015em}
.services-hero-copy h1>span{display:block;white-space:nowrap}
.services-hero-copy h1 em{display:inline-block;font-family:INUBrush,cursive;color:var(--orange);font-size:1.15em;font-style:normal;font-weight:400;letter-spacing:-.045em;transform:rotate(-6deg) skewX(-7deg);margin-left:.05em;line-height:.95}
.services-intro{max-width:390px;font-size:clamp(12px,1.05vw,17px);line-height:1.65;text-transform:uppercase;letter-spacing:.15em;margin-top:23px}
.services-principles{display:flex;align-items:center;gap:clamp(9px,1.25vw,22px);font-size:clamp(10px,.9vw,14px);text-transform:uppercase;letter-spacing:.05em;margin-top:40px;white-space:nowrap}
.services-principles i{color:var(--orange);font-style:normal}
.services-mask{position:absolute;left:47%;bottom:7%;width:28%;height:61%;z-index:2}.services-mask img{object-position:center bottom}
.services-chair{position:absolute;left:41%;bottom:1%;width:31%;height:54%;z-index:1;clip-path:inset(0 0 25%)}.services-chair img{object-position:center bottom}
.services-desk{position:absolute;left:65%;right:-8%;height:51%;bottom:4%;z-index:4}.services-desk img{object-fit:contain;object-position:left bottom}
.services-lamp{position:absolute;right:-2%;top:31%;height:27%;width:10%;z-index:3}.services-lamp img{object-position:right top}
.services-plant{position:absolute;left:24%;top:20%;height:59%;width:18%;z-index:-1;opacity:.6;mask-image:linear-gradient(#000 0 56%,transparent 80%)}
.services-wall{position:absolute;right:22%;top:19%;font-family:INUBrush,cursive;text-transform:uppercase;color:#ff782c;line-height:1.02;font-size:clamp(25px,2.4vw,43px);transform:rotate(-9deg);z-index:1}
.services-wall:after{content:'';display:block;height:2px;background:currentColor;width:90%;margin-top:16px;transform:rotate(-9deg)}
.services-page .services-aura{left:41%;top:17%;width:38%;height:78%;animation:none;opacity:.6;z-index:0}
.services-edge{position:absolute;bottom:-1px;left:0;width:100%;height:12%;z-index:7;pointer-events:none}
.services-offer{position:relative;padding:0 3.7% 38px;background:radial-gradient(ellipse at 50% 40%,#16141255,transparent 75%)}
.offer-heading{padding:0 2.2% 30px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.offer-heading .eyebrow{color:var(--orange)}
.offer-heading h2{font-family:Archivo,sans-serif;font-size:clamp(31px,3.25vw,53px);font-weight:600;letter-spacing:.14em;line-height:1.13}.offer-heading h2 span{color:var(--orange)}
.offer-heading .orange-dash{margin-top:19px;width:26px}.offer-intro{max-width:450px;padding-top:18px}.offer-intro p{font-size:clamp(14px,1.15vw,18px);line-height:1.55;color:var(--muted)}
.offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.offer-card{position:relative;min-width:0;border:1px solid #34312b;background:linear-gradient(140deg,#12110f55,#0a090880);display:flex;flex-direction:column;scroll-margin-top:95px;transition:border-color .35s}
.offer-art{position:relative;aspect-ratio:1.5;overflow:hidden;background:#111}.offer-art img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s var(--ease)}
.offer-art:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -18px 20px -12px #080807}
.offer-number{position:absolute;z-index:1;top:15px;left:17px;font-size:18px;font-weight:400;text-shadow:0 2px 10px #000;background:#08080770;padding:0 3px 6px}.offer-number:after{content:'';position:absolute;bottom:0;left:3px;width:22px;height:2px;background:var(--orange)}
.offer-copy{padding:16px 20px 0;flex:1}.offer-copy h3{font-size:clamp(16px,1.38vw,23px);font-weight:600;text-transform:uppercase;line-height:1.16;min-height:2.32em;letter-spacing:.01em}
.offer-copy>p{font-size:clamp(13px,1.05vw,17px);line-height:1.45;color:var(--muted);margin:12px 0 14px;min-height:2.9em}.offer-copy ul{margin:0;padding-left:16px;color:#cbcdca;font-size:clamp(12px,.98vw,16px);line-height:1.55}.offer-copy li{padding-left:2px}.offer-copy li::marker{color:var(--orange)}
.offer-open{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:4px 20px 9px;outline-offset:-3px!important}.offer-open>span:first-child{font-size:12px;color:var(--muted);opacity:0;transition:opacity .3s}.offer-open>span:last-child{color:var(--orange);font-size:29px;line-height:1;order:-1;transition:transform .35s}.offer-open:before{content:'';position:absolute;inset:0;z-index:2}.offer-card:has(.offer-open:focus-visible){outline:2px solid var(--orange);outline-offset:3px}
@media(hover:hover){.offer-card:hover{border-color:#aa5a1f}.offer-card:hover img{transform:scale(1.055)}.offer-card:hover .offer-open>span:first-child{opacity:1}.offer-card:hover .offer-open>span:last-child{transform:translateX(4px)}}
.services-approach{position:relative;padding:28px var(--page) 35px;display:grid;grid-template-columns:1.15fr 1.3fr .65fr;gap:4%;align-items:center}
.services-approach:before,.services-approach:after{content:'';position:absolute;left:-5%;width:110%;height:70px;border-top:1px solid #2e2b2680;border-radius:50%;top:0;pointer-events:none;transform:rotate(2deg)}.services-approach:after{top:auto;bottom:-45px;transform:rotate(-2deg)}
.approach-heading h2{font-family:Archivo,sans-serif;font-size:clamp(27px,2.8vw,45px);line-height:1.05;letter-spacing:.035em;font-weight:600}.approach-heading h2 em{font-size:1.39em;letter-spacing:-.035em;white-space:nowrap}.approach-heading .eyebrow{font-size:12px}
.approach-diagram{display:flex;align-items:center;gap:10px}.approach-diagram>svg{width:73%;height:auto;overflow:visible}.diagram-labels{font-family:INUBrush,cursive;font-size:21px;text-transform:uppercase}.growth-note{width:27%;font-family:INUBrush,cursive;font-size:clamp(19px,1.85vw,30px);text-transform:uppercase;line-height:.98;color:var(--orange);transform:rotate(-9deg);padding-top:60px}.growth-note svg{width:62px;display:block;margin:10px 0 0 -36px;transform:rotate(9deg)}.approach-copy p{font-size:clamp(13px,1.1vw,18px);line-height:1.5;color:var(--muted)}
.services-process{padding:33px var(--page) 44px;display:grid;grid-template-columns:1fr 3.65fr;gap:3%;align-items:center}.process-heading .eyebrow{font-size:12px;margin-bottom:13px}.process-heading h2{font-size:clamp(28px,2.5vw,40px);line-height:.95}.process-heading h2 em{font-size:1.38em}
.process-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0;padding:0}.process-steps li{border-left:1px solid #555a51;padding:2px 0 8px 22px;min-height:110px}.process-number{font-family:INUDisplay,sans-serif;color:var(--orange);font-size:24px;display:table;border-bottom:2px solid var(--orange);line-height:1.2;margin-bottom:11px}.process-steps h3{font-family:INUDisplay,sans-serif;font-weight:600;text-transform:uppercase;font-size:19px;margin-bottom:4px}.process-steps p{font-size:clamp(12px,.94vw,15px);color:var(--muted);line-height:1.45;max-width:145px}
.services-closing{position:relative;isolation:isolate;overflow:hidden;min-height:340px;height:28vw;max-height:535px;border-top:1px solid #8d4b1b;border-bottom:1px solid #8d4b1b;background:#080807}.services-closing-room{position:absolute;inset:0;z-index:-3}.services-closing-room img{object-fit:cover;object-position:center}.services-closing-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090807ef,transparent 70%),linear-gradient(transparent 75%,#0707069c)}
.services-closing-copy{position:relative;z-index:4;padding:45px 0 30px var(--page);width:44%}.services-closing-copy .eyebrow{letter-spacing:.2em;line-height:1.7;margin-bottom:12px}.services-closing-copy h2{font-size:clamp(44px,4.25vw,75px);line-height:.98}.services-closing-copy h2 em{font-size:1.25em}.services-closing-copy .pill{margin-top:28px;min-width:210px;border-color:var(--orange)}
.services-closing-desk{position:absolute;bottom:-7%;left:31%;width:68%;height:72%;z-index:0}.services-closing-desk img{object-position:center bottom}.services-closing-person{position:absolute;left:51%;bottom:-4%;height:89%;width:26%;z-index:2}.services-closing-person img{object-position:center bottom}.services-closing-note{position:absolute;right:7%;top:20%;z-index:2;font-family:INUBrush,cursive;font-size:clamp(22px,2vw,35px);line-height:1.13;text-transform:uppercase;color:#e38738;transform:rotate(-9deg)}
.services-page .services-page .services-page .services-page .sound-toggle{min-height:44px}.services-page dialog{background:#0d0c0b;border-radius:3px}.services-page dialog .dialog-service-art{width:100%;height:170px;object-fit:cover;margin:8px 0 25px}.services-page dialog ul{line-height:1.8}.services-page dialog li::marker{color:var(--orange)}.motion-ready .services-hero-copy{animation:belief-in 1.2s .15s var(--ease) both}
@media(min-width:1800px){.services-page{--page:100px}.services-hero-copy{top:24%}}
@media(max-width:1100px) and (min-width:701px){
.services-page .services-hero{height:555px}.services-page .header{gap:25px}.services-page .desktop-nav{gap:23px}.services-hero-copy{top:27%;width:48%}.services-hero-copy h1{font-size:78px}.services-intro{font-size:12px;max-width:290px}.services-principles{font-size:10px;gap:10px;margin-top:30px}.services-mask{left:49%;width:31%;height:60%}.services-wall{right:17%;top:23%;font-size:27px}.services-plant{left:25%;opacity:.5}.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.offer-heading{padding-bottom:27px}.offer-heading h2{font-size:30px}.offer-copy{padding:15px 15px 0}.offer-copy h3{font-size:16px}.offer-copy>p{font-size:13px}.offer-copy ul{font-size:12px}.offer-open{padding-inline:15px}.services-approach{grid-template-columns:1fr 1.1fr;gap:24px 6%;padding-top:24px}.approach-heading h2{font-size:30px}.approach-copy{grid-column:1/-1;max-width:540px;display:flex;gap:24px;align-items:center}.approach-copy p{font-size:14px}.approach-copy .orange-dash{flex:none;margin:0;order:-1}.services-process{grid-template-columns:1fr;padding-top:25px;gap:30px}.process-heading h2{font-size:30px}.process-heading h2 br{display:none}.process-heading h2 em{margin-left:10px}.process-steps{gap:15px}.process-steps li{padding-left:16px}.services-closing-copy{padding-top:45px;width:45%}.services-closing-copy h2{font-size:45px}.services-closing-person{height:82%;left:49%;width:30%}.services-closing-note{right:5%;font-size:24px}.services-page 
}
@media(max-width:700px){
.services-page{--page:20px}.services-page .header,.services-page .header.is-sticky{height:70px;padding-inline:20px;gap:17px}.services-page .header-cta{font-size:10px;min-height:36px;padding:8px 13px;gap:18px}.services-page .menu-toggle{width:36px;height:44px}.services-page .mobile-nav:not([hidden]){top:70px;background:#0c0b0af5}.services-page .mobile-nav a[aria-current]{color:var(--orange)}.services-page .eyebrow{font-size:11px;letter-spacing:.25em;margin-bottom:14px}.services-page .orange-dash{width:22px;height:2px;margin-top:17px}
.services-page .services-hero{height:510px;min-height:0;padding:0}.services-room{inset:20px -140px 0 -115px}.services-room img{object-position:64% center}.services-hero-shade{background:linear-gradient(90deg,#030505d6,transparent 90%),linear-gradient(#05080838,transparent 70%,#08080745)}.services-hero-copy{top:109px;left:20px;width:calc(100% - 40px)}.services-hero-copy .eyebrow{font-size:11px;margin-bottom:13px}.services-hero-copy h1{font-size:66px;line-height:.88}.services-hero-copy h1 em{font-size:1.13em}.services-intro{max-width:235px;font-size:11px;line-height:1.65;letter-spacing:.11em;margin-top:18px}.services-hero-copy .orange-dash{margin-top:17px}.services-principles{position:absolute;top:344px;left:0;gap:12px;font-size:9px;letter-spacing:.03em;margin:0}.services-mask{left:45%;width:47%;height:48%;bottom:12%;z-index:2}.services-chair{left:40%;width:50%;height:42%;bottom:9%;opacity:.9}.services-desk{left:66%;right:-37%;height:30%;bottom:10%}.services-plant{left:52%;width:29%;height:35%;top:16%;opacity:.35}.services-wall{right:9%;top:18%;font-size:21px;opacity:.65;z-index:0}.services-lamp{display:none}.services-page .services-aura{left:40%;top:30%;width:62%;height:65%}.services-page .services-hero .embers{height:100%;opacity:.45}.services-edge{height:6%}
.services-offer{padding:15px 20px 30px}.offer-heading{display:block;padding:0 0 23px}.offer-heading h2{font-size:27px;line-height:1.15;letter-spacing:.1em}.offer-heading .eyebrow{color:var(--orange);font-size:10px}.offer-heading .orange-dash{display:none}.offer-intro{padding-top:17px;max-width:420px}.offer-intro p{font-size:13px;line-height:1.6}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.offer-art{aspect-ratio:1.85}.offer-number{top:8px;left:9px;font-size:13px;padding-bottom:5px}.offer-number:after{width:16px}.offer-copy{padding:10px 11px 0}.offer-copy h3{font-size:13px;line-height:1.22;min-height:2.44em;letter-spacing:0}.offer-copy>p{font-size:12px;line-height:1.5;min-height:0;margin:10px 0}.offer-copy ul{font-size:12px;padding-left:13px;line-height:1.5}.offer-open{min-height:37px;padding:5px 11px 9px}.offer-open>span:first-child{font-size:10px;opacity:1;color:#b7bbb6;letter-spacing:.015em}.offer-open>span:last-child{font-size:22px;order:0}.services-enhanced .offer-copy>p,.services-enhanced .offer-copy>ul{display:none}
.services-approach{display:grid;grid-template-columns:1fr;gap:22px;padding:32px 20px 27px}.services-approach:before{height:35px;top:0}.services-approach:after{height:35px;bottom:-25px}.approach-heading .eyebrow{font-size:10px}.approach-heading h2{font-size:26px;line-height:1.1}.approach-heading h2>br:first-of-type{display:none}.approach-heading h2 em{font-size:1.3em}.approach-diagram{width:285px;max-width:94%;justify-self:center;gap:15px}.approach-diagram>svg{width:73%;max-height:180px}.growth-note{font-size:21px;padding-top:20px}.growth-note svg{width:48px;margin-left:-20px}.approach-copy{max-width:420px}.approach-copy p{font-size:13px;line-height:1.6}.approach-copy .orange-dash{display:none}
.services-process{display:block;padding:32px 20px 34px}.process-heading .eyebrow{font-size:10px}.process-heading h2{font-size:29px;line-height:1.05}.process-heading h2 br{display:none}.process-heading h2 em{display:block;font-size:1.35em}.process-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;margin-top:26px}.process-steps li{padding:0 0 0 11px;min-height:100px}.process-number{font-size:20px;margin-bottom:9px}.process-steps h3{font-size:18px;line-height:1.1;margin-bottom:7px}.process-steps p{font-size:12px;line-height:1.45;max-width:120px}
.services-closing{height:360px;min-height:0;max-height:none}.services-closing-room{inset:0 -180px 0 -100px}.services-closing-room img{object-position:61% center}.services-closing-shade{background:linear-gradient(90deg,#080807e8,transparent 95%),linear-gradient(#0808078a,transparent 65%)}.services-closing-copy{padding:31px 0 0 20px;width:84%;max-width:340px}.services-closing-copy .eyebrow{font-size:10px;line-height:1.55;letter-spacing:.2em;margin-bottom:15px}.services-closing-copy h2{font-size:42px;line-height:1}.services-closing-copy h2 em{font-size:1.25em}.services-closing-copy .pill{min-width:165px;font-size:10px;min-height:42px;padding:10px 16px;gap:22px;margin-top:22px}.services-closing-person{height:59%;left:54%;width:43%;bottom:-3%}.services-closing-desk{left:36%;bottom:0;width:101%;height:40%}.services-closing-note{right:8%;top:15%;font-size:18px;opacity:.7}.services-page .services-page .footer-brand>a{font-size:12px}.services-page .footer-brand>p{font-size:8px;gap:9px;letter-spacing:.05em}.services-page .services-page .services-page .services-page .sound-toggle{bottom:12px;right:12px;font-size:9px;min-height:40px}.services-page dialog{padding:42px 23px 28px;max-height:83dvh}.services-page dialog h2{font-size:34px}.services-page dialog .dialog-service-art{height:125px;margin-bottom:22px}.services-page dialog p,.services-page dialog ul{font-size:14px}
}
@media(max-width:360px){.services-page{--page:17px}.services-page .header,.services-page .header.is-sticky{padding-inline:17px;gap:10px}.services-hero-copy{left:17px;width:calc(100% - 34px)}.services-hero-copy h1{font-size:58px}.services-page .services-hero{height:488px}.services-intro{max-width:205px;font-size:10px}.services-principles{top:328px;font-size:8px;gap:9px}.services-wall{font-size:18px;right:8%;top:20%}.services-mask{left:43%;width:53%;height:46%}.services-offer,.services-approach,.services-process{padding-inline:17px}.offer-heading h2{font-size:25px}.offer-grid{gap:10px 9px}.offer-copy{padding-inline:9px}.offer-copy h3{font-size:12px}.offer-open{padding-inline:9px}.offer-open>span:first-child{font-size:9px}.offer-art{aspect-ratio:1.7}.services-closing-copy{padding-left:17px}.services-closing-copy h2{font-size:38px}.services-closing-note{font-size:16px;right:6%}.services-page .services-page .services-page .footer-brand>p{font-size:7px;gap:7px}}
/* Final art direction: the figure stays clear of the phone headline. */
@media(min-width:1101px){.approach-diagram>svg{max-width:280px}.services-closing-desk{left:39%;width:62%;opacity:.78}}
@media(max-width:700px){.services-page .services-hero{height:525px}.services-hero-copy{top:103px;text-shadow:0 2px 20px #0008}.services-intro{max-width:220px}.services-mask{left:51%;width:46%;height:38%;bottom:9%}.services-chair{left:46%;width:49%;height:35%;bottom:7%;clip-path:inset(0 0 22%)}.services-desk{bottom:8%;height:25%}.services-plant{opacity:.2}.services-principles{top:368px}.services-page .sound-toggle{padding:9px 11px;gap:7px;font-size:8px}.services-page .sound-bars{gap:2px}}
@media(max-width:360px){.services-page .services-hero{height:505px}.services-intro{max-width:192px}.services-mask{left:50%;width:50%;height:39%;bottom:9%}.services-principles{top:350px}}
/* A real foreground desk occludes the cutout edges and anchors both layers. */
.services-tabletop{position:absolute;inset:auto -1% -3%;height:18%;z-index:5;pointer-events:none}
.services-tabletop img{object-fit:fill;width:100%;height:100%;filter:brightness(.62)}
.services-tabletop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#060909ef,transparent 49%),linear-gradient(transparent,#080807b3)}
.services-mask{bottom:1%;height:67%}.services-desk{bottom:0}
@media(max-width:1100px) and (min-width:701px){.services-mask{height:66%;bottom:1%}}
@media(max-width:700px){.services-tabletop{height:18%;bottom:-2%}.services-mask{height:43%;bottom:3%;left:51%;width:46%}.services-desk{height:30%;bottom:1%}.services-principles{z-index:7}.services-tabletop:after{background:linear-gradient(90deg,#080807ef,transparent 75%),linear-gradient(transparent,#08080790)}}
@media(max-width:360px){.services-mask{height:43%;bottom:3%;left:50%;width:50%}}
.motion-ready .services-mask .hero-person{transform-origin:50% 100%;animation:services-character-arrive 2.6s .25s var(--ease) both}
.motion-ready .services-aura{animation:services-entry-warmth 3s .2s ease-out both}
@keyframes services-character-arrive{from{opacity:0;transform:translate3d(0,55px,0) scale(.91)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes services-entry-warmth{0%{opacity:.15}35%{opacity:.9}100%{opacity:.48}}
@media(prefers-reduced-motion:reduce){.services-hero-copy{animation:none!important}.services-page .services-aura{opacity:.35}.services-page .reveal{opacity:1;transform:none}}
.footer{background:#070707}