/* Page composition is built from the approved homepage components. */
.review-page{background:var(--paper);color:var(--ink)}
.review-page #siteMain{position:relative;isolation:isolate;padding-top:var(--site-header-height,99px)}
.review-page .site-header{--header-bg:var(--paper);background:var(--header-bg)}
.review-page [id]{scroll-margin-top:calc(var(--site-header-height,99px) + 24px)}
.review-page figure{margin:0}
.review-page img{max-width:100%}
.review-breadcrumb{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:10px;letter-spacing:.06em;margin-bottom:65px}
.review-breadcrumb a:hover{color:var(--ink)}
.review-intro h1{margin:-13px 0 0;font:700 clamp(55px,7vw,110px)/1.05 var(--display);letter-spacing:-.035em;text-wrap:balance}
.review-intro h1 em{font-style:normal;color:#a4a4a0}
.intro-description{margin-top:25px}
.review-intro .intro-description p{max-width:510px;margin:0 0 18px;font-size:15px;line-height:1.75;color:#77776f}
.review-opening{padding:44px 0 70px;background:var(--paper)}
.company-collection{position:relative;z-index:1;background:var(--paper);padding-bottom:105px}
.company-chapter{position:relative;padding:90px 0 70px;background:var(--paper)}
.chapter-1{z-index:1}
.chapter-2{z-index:3;margin-top:90px}
.company-photo{position:sticky;top:calc(var(--site-header-height,99px) + 18px);height:clamp(370px,39vw,600px);overflow:hidden;border-radius:20px;background:#111;isolation:isolate;transform:scale(var(--sheet-scale,1));transform-origin:50% 0;box-shadow:0 22px 50px rgb(0 0 0 / calc(.2 * var(--sheet-shadow,1)))}
.company-photo.sheet-1{z-index:2}
.company-photo.sheet-2{z-index:4}
.company-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#10111208 18%,#10111222 40%,#101112d9 100%);pointer-events:none}
.sheet-facts{position:absolute;z-index:1;left:clamp(25px,4vw,65px);right:clamp(25px,4vw,65px);bottom:clamp(25px,4vw,55px);display:grid;color:#f5f4ef}
.facts-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.facts-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:0 28px;border-left:1px solid #ffffff48;min-width:0}
.metric:first-child{padding-left:0;border-left:0}
.metric b{font:700 clamp(50px,7.5vw,116px)/.98 var(--display);letter-spacing:-.055em}
.metric span{font:400 12px/1.5 var(--mono);color:#deded5}
.metric:first-child b{color:var(--yellow)}
.review-process{position:relative;z-index:5;padding:100px 0 110px}
.process-intro{margin-bottom:70px}
.process-summary{font:400 clamp(21px,2.2vw,33px)/1.55 var(--display)!important;letter-spacing:-.025em!important;margin:0!important;max-width:850px;text-wrap:pretty!important;color:#b8b9af}
.process-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:22px;padding:45px 0 55px;border-top:1px solid #ffffff35}
.process-number{padding-top:11px;color:#8f9284}
.step-title{margin:0 0 30px;font:700 clamp(38px,5.4vw,83px)/1.05 var(--display);letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}
.step-title span{color:#85877e}
.step-body p{max-width:650px;margin:0 0 0 auto;font-size:16px;line-height:1.8;color:#b8b9af}
.review-projects{position:relative;z-index:6;padding:110px 0;background:var(--paper)}
.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.project-tile{overflow:hidden;aspect-ratio:1.7;border-radius:20px;background:#121212}
.project-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.project-tile:hover img{transform:scale(1.025)}
.project-outro{margin-top:90px}
.project-outro h2{margin:0}
.all-projects{display:block}
.all-projects:hover em{color:#73756b}
.review-request{position:relative;z-index:7;padding:100px 0 110px;background:var(--paper);border-top:1px solid var(--line)}
.review-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 28px;margin-top:48px}
.review-field{display:flex;flex-direction:column;gap:12px;min-width:0;font:400 11px/1.5 var(--mono);color:#77776f}
.review-field input,.review-field textarea{width:100%;min-width:0;background:transparent;border:0;border-bottom:1px solid #aeb0a4;border-radius:0;padding:0 0 14px;color:var(--ink);font:400 16px/1.5 var(--display);resize:vertical}
.review-field textarea{min-height:110px}
.full-width{grid-column:1/-1}
.review-submit{grid-column:1/-1;justify-self:start;min-height:52px;padding:18px 27px;border:0;border-radius:5px;background:var(--yellow);color:var(--ink);font:700 11px/1.4 var(--mono);text-transform:uppercase}
.review-submit:hover{background:#ffe16b}
.review-services{padding:44px 0 110px}
.review-services .review-intro{margin-bottom:75px}
.review-services .service-btn b{font-weight:700;letter-spacing:-.035em;line-height:1.05}
.review-services .service-mark{align-self:center;margin-top:0}
.category-context .original-category{display:block;color:#77776f;margin:0 0 18px}
.category-context>p{max-width:430px}
.full-service-list{min-width:0}
.full-service-entry{padding:23px 0 26px;border-bottom:1px solid #b6b7af;scroll-margin-top:calc(var(--site-header-height,99px) + 30px)}
.full-service-entry:first-child{padding-top:0}
.full-service-entry:last-child{border-bottom:0;padding-bottom:0}
.full-service-entry h3{margin:0 0 15px;font:700 clamp(21px,2.1vw,31px)/1.2 var(--display);letter-spacing:-.035em;overflow-wrap:break-word}
.review-services .full-service-entry>p{max-width:none;font-size:15px;line-height:1.75;margin:0 0 17px}
.service-details{display:inline-block;padding-bottom:5px;border-bottom:1px solid;font:400 10px/1.5 var(--mono);text-transform:uppercase}
.service-details:hover{color:#74776b}
.review-page .services-menu-group h3 a{font:inherit!important;color:inherit!important;padding:0!important}
@media(max-width:1100px) and (min-width:821px){
 .metric{padding-right:15px;padding-left:22px}
 .metric b{font-size:72px}
 .step-title{font-size:56px}
}
@media(max-width:820px){
 .review-opening,.review-services{padding-top:32px}
 .review-breadcrumb{margin-bottom:45px;font-size:9px;gap:14px}
 .review-intro h1{margin:0;font-size:clamp(48px,8vw,85px)}
 .review-intro .intro-description p{max-width:650px;font-size:15px}
 .intro-description{margin-top:24px}
 .review-opening{padding-bottom:45px}
 .company-chapter{padding:65px 0 45px}
 .chapter-2{margin-top:65px}
 .company-photo{height:420px;border-radius:18px}
 .company-collection{padding-bottom:70px}
 .sheet-facts{left:28px;right:28px;bottom:30px}
 .metric{padding:0 18px;gap:12px}
 .metric b{font-size:65px}
 .metric span{font-size:11px}
 .review-process{padding:70px 0 80px}
 .process-summary{font-size:23px!important}
 .process-row{grid-template-columns:42px minmax(0,1fr);gap:15px;padding:35px 0 42px}
 .step-title{font-size:clamp(35px,6vw,52px)}
 .step-body p{max-width:600px;font-size:15px}
 .review-projects{padding:70px 0}
 .project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .project-outro{margin-top:65px}
 .review-request{padding:70px 0 85px}
 .review-services .review-intro{margin-bottom:50px}
}
@media(max-width:520px){
 .review-breadcrumb{margin-bottom:35px}
 .review-intro h1{font-size:clamp(41px,11.6vw,60px)}
 .review-intro .intro-description p{font-size:14px;line-height:1.75}
 .company-chapter{padding:48px 0 35px}
 .chapter-2{margin-top:45px}
 .company-photo{height:370px;border-radius:16px}
 .sheet-facts{left:22px;right:22px;bottom:27px}
 .metric{padding:0 12px;gap:9px}
 .facts-2 .metric b{font-size:53px}
 .facts-3 .metric b{font-size:37px}
 .metric span{font-size:10px;overflow-wrap:break-word}
 .process-intro{margin-bottom:45px}
 .process-summary{font-size:21px!important}
 .process-row{grid-template-columns:22px minmax(0,1fr);gap:13px;padding:30px 0 38px}
 .process-number{padding-top:4px;font-size:9px}
 .step-title{font-size:clamp(27px,7.7vw,38px);margin-bottom:22px;text-wrap:initial}
 .step-body p{font-size:14px;line-height:1.8}
 .project-gallery{grid-template-columns:1fr;gap:18px}
 .project-tile{border-radius:16px}
 .project-outro{margin-top:50px}
 .project-outro h2{font-size:39px}
 .review-form{grid-template-columns:1fr;margin-top:35px;gap:27px}
 .review-submit{width:100%}
 .review-services{padding-bottom:75px}
 .review-services .full-service-entry>p{font-size:14px}
 .full-service-entry h3{font-size:23px}
 .full-service-entry{padding-bottom:24px;margin-bottom:0}
 .category-context .original-category{margin-top:0;margin-bottom:12px}
 .full-service-list{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .review-page *{transition:none!important;animation:none!important}
 .company-photo{position:relative;top:auto;transform:none!important}
}

/* About-only composition. The shared homepage and services remain untouched. */
.company-page .company-opening{position:relative;padding:38px 0 90px;background:var(--paper);overflow:hidden}
.company-opening .review-breadcrumb{margin-bottom:20px}
.company-intro{position:relative;min-height:560px;height:63svh;max-height:740px}
.intro-orbits{position:absolute;inset:-9% -5% -8%;pointer-events:none;opacity:.66;transform:translate3d(0,var(--orbit-shift,0px),0);mix-blend-mode:multiply}
.intro-orbits svg{width:100%;height:100%;display:block}
.company-question{position:absolute;inset:0;margin:0;font:700 clamp(65px,8.3vw,138px)/1.05 var(--display);letter-spacing:-.055em;pointer-events:none}
.company-question span{position:absolute;white-space:nowrap;transition:opacity .9s,translate 1.1s var(--ease)}
.question-start{top:23%;left:5%;transform:translateX(var(--question-shift,0px))}
.question-end{right:5%;bottom:12%;color:#92948b;transform:translateX(calc(-1 * var(--question-shift,0px)))}
.intro-note{position:absolute;margin:0;font-size:15px;line-height:1.8;max-width:350px}
.note-goal{right:2%;top:27%;width:32%}
.note-team{left:0;bottom:12%;width:31%}
.company-stories{position:relative;z-index:2;background:#1b1c1a;color:var(--paper);padding:115px 0 130px;border-radius:24px 24px 0 0}
.company-story{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(35px,6vw,100px);align-items:center}
.company-story+.company-story{margin-top:115px}
.story-copy h2{font:700 clamp(30px,3.2vw,51px)/1.1 var(--display);letter-spacing:-.045em;margin:0 0 29px;text-wrap:balance}
.story-copy p{font-size:15px;line-height:1.9;color:#b8b9af;margin:0;max-width:510px}
.company-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}
.mosaic-office{height:510px;grid-template-rows:repeat(2,minmax(0,1fr))}
.story-photo{position:relative;overflow:hidden;min-width:0;background:#2b2c28;border-radius:18px;isolation:isolate}
.story-photo img{position:absolute;inset:-20px 0;width:100%;height:calc(100% + 40px);object-fit:cover;transform:translate3d(0,var(--photo-shift,0px),0);will-change:transform}
.mosaic-office .story-photo{grid-column:2;grid-row:1/3}
.company-stat.metric{display:flex;justify-content:center;align-items:flex-start;min-width:0;border:1px solid #45463d;padding:28px;background:#292a26;border-radius:18px;gap:17px}
.company-stat.metric b{font:400 clamp(42px,5.4vw,90px)/1 var(--display);letter-spacing:-.07em;color:#f5f4ef}
.company-stat.metric span{font:400 11px/1.4 var(--mono);color:#b8b9af;letter-spacing:.03em}
.mosaic-office .company-stat:nth-child(2) b,.mosaic-building .company-stat:nth-child(2) b{color:var(--yellow)}
.story-2 .story-copy{grid-column:2;grid-row:1}
.story-2 .company-mosaic{grid-column:1;grid-row:1}
.mosaic-building{height:575px;grid-template-rows:repeat(3,minmax(0,1fr))}
.mosaic-building .story-photo{grid-column:1;grid-row:1/4}
.mosaic-building .company-stat.metric{padding:25px}
.mosaic-building .company-stat.metric b{font-size:clamp(42px,4.4vw,74px)}
.company-process{position:relative;z-index:3;padding:110px 0 0;background:var(--paper)}
.company-process-summary{font-size:17px;line-height:1.8;max-width:535px;margin:0 auto 70px;color:#77796f}
.process-wordmark{font-family:Incompleeta,sans-serif;font-size:clamp(40px,10.1vw,165px);font-weight:400;line-height:1.05;letter-spacing:-.025em;text-align:center;margin:0 0 60px;color:#1b1c1a}
.process-timeline{position:relative;height:460svh}
.process-scene{position:sticky;top:var(--site-header-height,99px);height:calc(100svh - var(--site-header-height,99px));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,80px);padding:22px 0 36px}
.process-visual{position:relative;overflow:hidden;background:#202020;border-radius:20px;min-width:0;align-self:center;width:100%;height:auto;aspect-ratio:720/936;max-height:100%}
.process-animation{position:absolute;inset:25px 0 0;pointer-events:none}
.process-animation svg{width:100%;height:100%;display:block}
.process-visual-caption{position:absolute;z-index:1;left:28px;right:28px;top:28px;display:flex;justify-content:space-between;color:#c5c5bc;font-size:10px;letter-spacing:.06em}
.process-progress{position:absolute;bottom:25px;left:28px;right:28px;height:2px;background:#46473e}
.process-progress:after{content:"";display:block;height:100%;background:var(--yellow);transform:scaleX(var(--step-progress,0));transform-origin:0 50%}
.process-stages{position:relative;min-width:0}
.process-stage{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:10px 0 25px;opacity:0;visibility:hidden;transform:translateY(26px);transition:opacity .12s,transform .2s var(--ease),visibility .12s;pointer-events:none}
.process-stage.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .55s .12s,transform .65s var(--ease) .12s,visibility 0s}
.stage-number{font-size:11px;color:#8d8f83;margin-bottom:28px}
.process-stage h3{font:700 clamp(28px,3vw,47px)/1.1 var(--display);letter-spacing:-.04em;margin:0 0 28px;text-wrap:balance}
.process-stage p{font-size:14px;line-height:1.9;color:#77796f;margin:0;max-width:510px}
.company-projects{position:relative;z-index:4;background:var(--paper);padding:90px 0 95px;overflow:hidden}
.company-project-belts{display:grid;gap:22px;transform:rotate(-3deg) scale(1.035);margin:30px -4% 95px}
.project-belt{overflow:visible;min-width:0}
.project-run{display:flex;width:max-content;animation:company-belt 45s linear infinite;animation-play-state:paused;will-change:transform}
.belt-1 .project-run{animation-direction:reverse;animation-duration:53s}
.belt-2 .project-run{animation-duration:49s}
.belts-running .project-run{animation-play-state:running}
.company-project-belts:hover .project-run{animation-play-state:paused}
.project-group{display:flex;gap:22px;padding-right:22px}
.company-projects .project-tile{flex:0 0 auto;width:clamp(230px,29vw,440px);aspect-ratio:1.7;border-radius:15px}
.company-project-link{display:block;width:fit-content;max-width:100%;margin:auto;padding:0 0 12px;border-bottom:1px solid #a3a59a;font:700 clamp(24px,3.4vw,51px)/1.2 var(--display);letter-spacing:-.035em;text-align:center;transition:color .25s}
.company-project-link:hover{color:#85877b}
.company-contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(45px,7vw,110px);align-items:start}
.company-contact-copy h2{font:700 clamp(45px,6vw,92px)/1.05 var(--display);letter-spacing:-.04em;margin:0 0 32px}
.company-contact-copy h2 em{font-style:normal;color:#a4a4a0}
.company-contact-copy p{max-width:370px;font-size:15px;line-height:1.8;color:#77796f}
.company-contact-grid .review-form{margin-top:7px}
.company-page.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,32px,0);transition:opacity .75s,transform .95s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.company-page.motion-ready [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
.company-page.motion-ready .company-question span,.company-page.motion-ready .intro-note{animation:company-enter 1.15s var(--ease) both}
.company-page.motion-ready .question-end{animation-delay:.12s}
.company-page.motion-ready .note-goal{animation-delay:.2s}
.company-page.motion-ready .note-team{animation-delay:.3s}
@keyframes company-enter{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
@keyframes company-belt{to{transform:translateX(-50%)}}
@media(max-width:1100px){
 .company-intro{min-height:500px;height:58svh}
 .intro-note{font-size:13px;line-height:1.8}
 .company-question{font-size:8.2vw}
 .company-story{gap:38px}
 .company-stat.metric{padding:21px}
 .company-mosaic{gap:15px}
 .mosaic-office{height:420px}
 .mosaic-building{height:500px}
 .story-copy p{font-size:14px}
 .process-stage p{font-size:13px}
 .process-stage h3{font-size:31px}
}
@media(max-width:820px){
 .company-page .company-opening{padding:30px 0 65px}
 .company-question{font-size:9vw}
 .question-start{left:0;top:16%}
 .question-end{right:0;bottom:36%}
 .company-intro{height:590px;min-height:0}
 .note-goal{top:34%;right:0;width:57%;max-width:350px}
 .note-team{bottom:0;left:0;width:62%;max-width:390px}
 .intro-orbits{inset:0 -5% 10%;opacity:.55}
 .company-stories{padding:75px 0 85px;border-radius:20px 20px 0 0}
 .company-story{grid-template-columns:1fr;gap:35px}
 .company-story+.company-story{margin-top:80px}
 .story-copy h2{font-size:clamp(33px,5.5vw,46px);max-width:650px}
 .story-copy p{font-size:15px;max-width:650px}
 .story-2 .story-copy,.story-2 .company-mosaic{grid-column:1;grid-row:auto}
 .mosaic-office{height:490px}
 .mosaic-building{height:520px}
 .company-stat.metric b{font-size:78px}
 .mosaic-building .company-stat.metric b{font-size:65px}
 .company-stat.metric{padding:30px}
 .company-process{padding-top:75px}
 .company-process-summary{font-size:15px;margin-bottom:45px}
 .process-wordmark{font-size:10.3vw;margin-bottom:38px}
 .process-scene{gap:28px}
 .process-visual-caption{left:18px;right:18px;font-size:8px}
 .process-progress{left:18px;right:18px}
 .process-stage h3{font-size:29px}
 .process-stage p{font-size:12px;line-height:1.9}
 .company-projects{padding:50px 0 65px}
 .company-project-belts{margin-bottom:65px;gap:16px}
 .project-group{gap:16px;padding-right:16px}
 .company-projects .project-tile{width:270px;border-radius:12px}
 .company-contact-grid{grid-template-columns:1fr;gap:34px}
 .company-contact-copy h2{font-size:56px}
 .company-contact-copy p{max-width:500px}
}
@media(max-width:600px){
 .company-opening .review-breadcrumb{margin-bottom:12px}
 .company-intro{height:535px}
 .company-question{font-size:clamp(42px,11.1vw,67px);line-height:1.1}
 .question-start{top:10%;left:0}
 .question-end{top:27%;bottom:auto;right:0}
 .intro-orbits{inset:-10% -20% 20%;opacity:.45}
 .intro-note{font-size:13px;line-height:1.85}
 .note-goal{top:46%;width:88%;max-width:none}
 .note-team{bottom:1%;width:88%;max-width:none}
 .company-page .company-opening{padding-bottom:50px}
 .company-stories{padding:52px 0 65px;border-radius:17px 17px 0 0}
 .story-copy h2{font-size:clamp(29px,7.8vw,44px);margin-bottom:24px;text-wrap:initial}
 .story-copy p{font-size:13px;line-height:1.9}
 .company-story{gap:28px}
 .company-story+.company-story{margin-top:58px}
 .company-mosaic{gap:12px}
 .mosaic-office{height:340px}
 .mosaic-building{height:400px}
 .company-stat.metric,.mosaic-building .company-stat.metric{padding:19px 14px;border-radius:13px;gap:10px}
 .company-stat.metric b{font-size:clamp(40px,13vw,67px)}
 .mosaic-building .company-stat.metric b{font-size:clamp(35px,11vw,59px)}
 .company-stat.metric span{font-size:9px;letter-spacing:0}
 .story-photo{border-radius:13px}
 .company-process{padding-top:60px}
 .company-process-summary{font-size:14px;margin-bottom:36px}
 .process-wordmark{font-size:10.3vw;margin-bottom:23px}
 .process-timeline{height:auto}
 .process-scene{position:relative;top:auto;height:auto;display:block;padding:0}
 .process-visual{position:sticky;top:var(--site-header-height,73px);height:33svh;min-height:230px;max-height:320px;z-index:2;border-radius:14px}
 .process-animation{inset:0}
 .process-visual-caption{top:19px;left:18px;right:18px;font-size:8px}
 .process-progress{left:18px;right:18px;bottom:18px}
 .process-stages{padding:15px 0 0}
 .process-stage{position:relative;inset:auto;min-height:64svh;padding:36px 0 45px;opacity:1;visibility:visible;transform:none;border-bottom:1px solid #b6b7af}
 .stage-number{font-size:10px;margin-bottom:23px}
 .process-stage h3{font-size:30px;margin-bottom:25px;text-wrap:initial}
 .process-stage p{font-size:13px;line-height:1.9}
 .company-projects{padding-top:60px}
 .company-project-belts{margin:5px -20% 60px;gap:12px}
 .project-group{gap:12px;padding-right:12px}
 .company-projects .project-tile{width:235px;border-radius:10px}
 .company-project-link{font-size:25px}
 .company-contact-copy h2{font-size:46px}
 .company-contact-copy p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .company-page.motion-ready [data-reveal]{opacity:1;transform:none}
 .intro-orbits,.company-question span,.story-photo img{transform:none!important}
 .process-timeline{height:auto}
 .process-scene{position:relative;top:auto;height:auto;align-items:start}
 .process-visual{position:sticky;height:500px;top:var(--site-header-height,99px)}
 .process-stage{position:relative;inset:auto;visibility:visible;opacity:1;transform:none;min-height:0;padding:35px 0 45px}
 .process-stage+.process-stage{border-top:1px solid #b6b7af}
 .project-run{animation:none!important}
 .company-project-belts{transform:none;margin-left:0;margin-right:0;overflow:auto}
 .project-group[aria-hidden]{display:none}
}

/* Editorial direction: oversized type, photographic chapters, spatial process. */
.company-page .company-opening{padding-bottom:65px}
.company-intro{height:auto;max-height:none;min-height:0;padding:55px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:48px 70px}
.intro-orbits{display:none}
.company-question{position:relative;inset:auto;grid-column:1/-1;font-size:clamp(82px,15.2vw,236px);line-height:.88;letter-spacing:-.075em;display:flex;flex-direction:column;margin:0 0 14px}
.company-question span{position:relative;inset:auto;white-space:normal;transform:none!important;display:block}
.question-start{align-self:flex-start}
.question-end{align-self:flex-end;color:var(--ink)}
.question-end:after{content:'';display:inline-block;width:.12em;height:.12em;background:var(--yellow);border-radius:50%;margin-left:.08em}
.intro-note{position:relative;inset:auto;width:auto;max-width:490px;font-size:14px;line-height:1.85;padding-top:23px;border-top:1px solid var(--line)}
.note-goal{margin-left:15%}
.note-team{margin-right:8%}
.company-stories{background:var(--paper);color:var(--ink);padding:25px 0 0;border-radius:0}
.company-story{position:relative;display:block;padding:0 0 80px}
.company-story+.company-story{margin-top:30px}
.story-copy{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start;margin-bottom:42px}
.story-copy h2{font-size:clamp(34px,4.2vw,67px);letter-spacing:-.06em;text-wrap:initial;margin:0}
.story-copy p{color:var(--muted);font-size:14px;line-height:1.85;padding-top:6px}
.company-mosaic{position:relative;height:540px!important;display:block;overflow:hidden;border-radius:3px;background:#1b1c1a}
.company-mosaic .story-photo{position:absolute;inset:0;border-radius:0;transition:clip-path 1.3s var(--ease),opacity .8s!important;clip-path:inset(0 0 100% 0)}
.company-mosaic .story-photo.is-visible{clip-path:inset(0)}
.story-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10110fe6,transparent 75%)}
.story-photo img{object-position:center 48%;filter:saturate(.65)}
.company-stat.metric,.mosaic-building .company-stat.metric{position:absolute;z-index:2;bottom:38px;background:transparent;border:0;border-left:1px solid #ffffff55;border-radius:0;padding:0 30px;gap:16px;width:32%}
.company-stat.metric:nth-child(2){left:4%;border-left:0;padding-left:0}
.company-stat.metric:nth-child(3){left:38%}
.company-stat.metric:nth-child(4){left:69%;width:27%}
.company-stat.metric b,.mosaic-building .company-stat.metric b{font-weight:700;font-size:clamp(50px,8vw,125px);letter-spacing:-.075em}
.company-stat.metric span{font-size:12px}
.mosaic-office .company-stat:nth-child(3){left:55%}
.story-2 .story-copy{grid-template-columns:.85fr 1.15fr}
.story-2 .story-copy h2{grid-column:2;grid-row:1}
.story-2 .story-copy p{grid-column:1;grid-row:1}
.story-2 .company-mosaic{height:440px!important}
.company-process{background:#1b1c1a;color:var(--paper);padding-top:85px}
.company-process-summary{margin:0 0 60px auto;max-width:540px;color:#b8b9af}
.process-wordmark{text-align:left;font-size:clamp(38px,9.8vw,150px);color:var(--paper);padding-bottom:40px;border-bottom:1px solid #ffffff30}
.process-visual{background:#242520;aspect-ratio:1;border-radius:4px;overflow:hidden}
.process-animation{display:none}
.process-stage h3{font-size:clamp(29px,3.6vw,57px);letter-spacing:-.045em}
.process-stage p{color:#b8b9af}
.process-sculpture{position:absolute;inset:0;perspective:900px;transform-style:preserve-3d}
.sculpture-plane{position:absolute;left:24%;top:12%;width:53%;height:45%;border:1px solid #b8b9af66;background:linear-gradient(135deg,#ffffff0a,#ffffff01);transform:rotateX(57deg) rotateZ(-34deg) translateZ(calc(var(--plane) * -30px));transform-origin:50% 50%;transition:transform 1s var(--ease),background .8s,border-color .8s,box-shadow .8s;color:#92948b;backdrop-filter:blur(3px)}
.sculpture-plane span{position:absolute;left:17px;top:12px;font-size:22px}
.plane-drawing{position:absolute;left:13%;top:25%;width:74%;height:65%;opacity:.45;transition:opacity .8s}
.plane-active .plane-drawing{opacity:.9}
.sculpture-plane{transition:transform 1s var(--ease),opacity .55s,background .8s,border-color .8s,box-shadow .8s}
.sculpture-plane.plane-passed{opacity:0;pointer-events:none;transform:translate(-115%,-45%) rotateX(57deg) rotateZ(-48deg) translateZ(110px)!important}
.sculpture-plane.plane-active{background:#f9cf36;border-color:#f9cf36;color:#181817;box-shadow:0 0 70px #f9cf3622;transform:rotateX(57deg) rotateZ(-34deg) translateZ(calc(var(--plane) * -30px + 24px)) translateX(16px)}
.company-projects{padding-top:110px}
.company-project-belts{transform:rotate(-5deg) scale(1.045)}
.company-contact-copy h2{letter-spacing:-.07em}
@media(max-width:820px){
 .company-intro{padding-top:35px;gap:35px 30px}
 .company-question{font-size:15vw}
 .intro-note{font-size:13px;margin:0}
 .story-copy,.story-2 .story-copy{grid-template-columns:1fr;gap:25px}
 .story-2 .story-copy h2,.story-2 .story-copy p{grid-column:auto;grid-row:auto}
 .story-copy h2{font-size:clamp(34px,6vw,48px);max-width:620px}
 .company-mosaic{height:450px!important}
 .company-stat.metric b,.mosaic-building .company-stat.metric b{font-size:65px}
 .company-stat.metric,.mosaic-building .company-stat.metric{padding:0 18px}
 .company-stat.metric span{font-size:10px}
 .process-stage h3{font-size:30px}
 .company-process-summary{font-size:15px}
}
@media(max-width:600px){
 .company-page .company-opening{padding-bottom:40px}
 .company-intro{grid-template-columns:1fr;gap:23px;padding-top:28px}
 .company-question{font-size:16vw;margin-bottom:18px}
 .company-question .question-end{font-size:15vw;margin-top:9px}
 .intro-note{font-size:13px;padding-top:18px}
 .company-story{padding-bottom:48px}
 .company-story+.company-story{margin-top:0}
 .story-copy{margin-bottom:27px}
 .story-copy h2{font-size:33px}
 .story-copy p{font-size:13px}
 .company-mosaic,.story-2 .company-mosaic{height:380px!important}
 .company-stat.metric,.mosaic-building .company-stat.metric{bottom:26px;padding:0 11px;gap:10px}
 .company-stat.metric b,.mosaic-building .company-stat.metric b{font-size:clamp(33px,10.4vw,56px)}
 .company-stat.metric span{font-size:8px;letter-spacing:0}
 .process-wordmark{margin-bottom:20px;padding-bottom:25px}
 .company-process{padding-top:50px}
 .company-process-summary{margin-bottom:40px;font-size:14px}
 .process-visual{height:33svh;aspect-ratio:auto}
 .process-stage{border-color:#ffffff30}
 .sculpture-plane{width:40%;height:55%;left:30%;top:8%;transform:rotateX(57deg) rotateZ(-34deg) translateZ(calc(var(--plane) * -20px))}
 .sculpture-plane.plane-active{transform:rotateX(57deg) rotateZ(-34deg) translateZ(calc(var(--plane) * -20px + 16px)) translateX(12px)}
 .sculpture-plane span{font-size:16px}
 .company-projects{padding-top:65px}
}
@media(prefers-reduced-motion:reduce){.company-mosaic .story-photo{clip-path:none!important}.sculpture-plane{transition:none!important}}