/* Motion direction: graphite, warm paper, oversized type and real production. */
:root{--gold:#efc541;--paper:#f0ece3;--muted:#aaa9a1}
.section{padding-block:112px}.eyebrow{font-size:12px}.main-nav a{font-size:14px}.brand small{font-size:11px}
.hero-inner{min-height:calc(100svh - 88px);max-height:960px}.hero-copy{width:60%;max-width:820px;padding:68px 0 122px}.hero-copy h1{font-size:clamp(80px,9.7vw,156px);line-height:.9;letter-spacing:-.075em}.hero-copy h1 .hero-line{display:block;overflow:hidden}.hero-copy h1 .hero-line b{display:block;font-weight:800;animation:type-enter 1s cubic-bezier(.22,.7,.2,1) both}.hero-copy h1 .hero-line:nth-child(2) b{animation-delay:.13s}.hero-copy h1 .hero-line:nth-child(3) b{animation-delay:.26s}.hero-copy h1 .hero-line:first-child{color:var(--ink)}.hero-description{font-size:17px;line-height:1.7;max-width:450px;margin-top:30px}.hero-copy .eyebrow{font-size:12px;color:#b6b5a9;letter-spacing:.12em}.button{font-size:16px;border-radius:0;padding:18px 24px;gap:65px}.button span{transition:transform .3s}.button:hover span{transform:translate(4px,-4px)}
.hero-stage{width:59%;right:-8%;height:113%;top:-7%}.hero-product{transform:translate3d(var(--mx,0px),calc(var(--my,0px) + var(--hero-shift,0px)),0) rotate(calc(var(--mr,0deg) + var(--hero-turn,0deg)));transition:transform .18s ease-out}.hero-product img{animation:product-arrive 1.5s cubic-bezier(.2,.7,.2,1) both,product-drift 7s ease-in-out 1.5s infinite}.hero-stage figcaption{right:15%;bottom:14%}.hero-stage figcaption strong{font-size:12px;letter-spacing:.06em}.hero-stage figcaption small{font-size:12px;color:#a5a59a}.motion-toggle{right:15%;bottom:7%;width:42px;height:42px}.hero-bottom{font-size:14px;padding-top:23px;bottom:28px}.hero-bottom p{font-size:13px}
.hero-dimension{position:absolute;right:8%;top:50%;width:42%;height:51%;border-right:1px solid #efc54135;border-top:1px solid #efc54135;transform:translateY(-42%);pointer-events:none;z-index:1}.hero-dimension:before,.hero-dimension:after{content:'+';position:absolute;color:var(--gold);font:24px monospace;line-height:1}.hero-dimension:before{left:-8px;top:-12px}.hero-dimension:after{right:-8px;bottom:-12px}.hero-annotation{position:absolute;right:10%;top:14%;font:12px monospace;color:#a7a598;z-index:3;letter-spacing:.06em}.hero-annotation span{display:block;margin-top:8px;color:var(--gold)}.hero-orbit{right:-11%;top:-190px;border-color:#efc54127}.hero-orbit:after{border-color:#efc54115}.hero-grid{background-size:78px 78px}
.motion-band{overflow:hidden;background:var(--gold);color:#171a16;padding:22px 0;position:relative}.motion-track{display:flex;width:max-content;animation:service-flow 30s linear infinite;animation-play-state:paused}.motion-band.motion-in-view .motion-track{animation-play-state:running}.motion-track>div{display:flex;align-items:center;gap:42px;padding-right:42px;font-size:clamp(36px,4.8vw,74px);font-weight:800;line-height:1.15;letter-spacing:-.055em;white-space:nowrap}.motion-track i{font-size:1.05em;font-style:normal;font-weight:400}.motion-track .outline-word{color:transparent;-webkit-text-stroke:1px #171a16}.motion-band:hover .motion-track{animation-play-state:paused}
.client-strip{padding-block:40px;background:#111213}.references-head .eyebrow{font-size:12px}.reference-name{font-size:12px}.reference-grid{gap:35px;margin-top:28px}.reference-logo{height:56px;width:132px}.reference-grid a{opacity:.85}
.section-head h2,.portfolio .section-head h2{font-size:clamp(52px,6.8vw,104px);line-height:1;letter-spacing:-.065em}.section-head>p:last-child{font-size:17px}.section-head{margin-bottom:54px;gap:28px 70px}.solution-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border:0}.solution-row{padding:0!important;display:flex;flex-direction:column;align-items:stretch;gap:0;border:0;background:#e2ddd1;min-width:0;overflow:hidden;transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .35s ease-out;position:relative}.solution-photo{height:390px;overflow:hidden;background:#ddd9cf}.solution-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.2,1)}.solution-row:hover .solution-photo img{transform:scale(1.06)}.solution-row>div:not(.solution-photo){padding:28px 25px 32px;flex:1}.solution-row h3{font-size:clamp(27px,2.5vw,38px);line-height:1.06;letter-spacing:-.05em}.solution-row p{font-size:16px;color:#52594b;max-width:300px;margin-top:18px;line-height:1.7}.solution-number{position:absolute;z-index:2;left:20px;top:20px;margin:0;background:var(--gold);color:#20251b;display:grid;place-items:center;width:40px;height:40px;font-size:14px}.row-arrow{position:absolute;right:22px;top:20px;display:grid;place-items:center;border-radius:50%;width:42px;height:42px;background:#111213d9;color:var(--gold);font-size:27px;transition:transform .3s}.solution-row:hover .row-arrow{transform:rotate(45deg)}
.kinetic-section{background:#191b1b;overflow:hidden;padding-block:100px}.kinetic-head{display:grid;grid-template-columns:1.1fr .8fr;gap:70px;align-items:end;margin-bottom:46px}.kinetic-head h2{font-size:clamp(58px,7.6vw,116px);letter-spacing:-.065em;line-height:.95;margin-top:20px}.kinetic-head h2 span{color:var(--gold)}.kinetic-head>p{font-size:17px;color:#b5b8ac;line-height:1.8;max-width:420px}.kinetic-film{position:relative;aspect-ratio:2.1;background:#0d1111;overflow:hidden}.kinetic-film .clip-stage{height:100%}.kinetic-film video{width:100%;height:100%;object-fit:cover}.kinetic-film figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#080c0cf0);padding:80px 32px 28px;pointer-events:none;display:flex;align-items:end;justify-content:space-between;gap:30px}.kinetic-film h3{font-size:25px;line-height:1.2}.kinetic-film small{font-size:14px;color:#d2d5c9}.kinetic-film .clip-toggle{height:48px;width:48px;right:28px;top:28px}.kinetic-label{position:absolute;top:30px;left:30px;padding:8px 13px;border:1px solid #ffffff50;background:#101414a8;font:12px monospace;letter-spacing:.06em;pointer-events:none}
.portfolio{background:#111213}.project-toolbar{gap:10px;margin-bottom:34px}.project-toolbar button{font-size:14px;padding:11px 20px}.project-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:310px;gap:24px}.project-card{grid-column:span 2;border-radius:0}.project-card:first-child{grid-column:span 3;grid-row:span 2}.project-card:nth-child(2){grid-column:span 3;grid-row:span 2}.project-card:nth-child(3),.project-card:nth-child(4){grid-column:span 3}.project-card:first-child img{object-fit:cover}.project-card figcaption{padding:85px 26px 25px}.project-card strong{font-size:21px;letter-spacing:-.025em}.project-card small{font-size:13px;letter-spacing:.02em;line-height:1.5}.project-open-hint{font-size:13px;opacity:1;transform:none;border-radius:0}.project-grid.is-filtered .project-card{grid-column:span 2;grid-row:auto}.case-study p{font-size:16px}.case-capabilities li{font-size:13px}.case-study h3{font-size:48px}.privacy-line{font-size:14px;color:#aeb1a6;margin-top:32px}.project-card img{transform:scale(1.02) translateY(var(--image-shift,0px))}.project-open:hover img{transform:scale(1.08) translateY(var(--image-shift,0px))}
.process-stages{grid-template-columns:1fr;gap:54px}.process-stage{display:grid;grid-template-columns:.65fr 1.8fr;gap:40px;padding-top:30px;border-color:#25282040}.process-stage-head{margin:0;padding-top:10px;position:relative}.process-stage-head h3{font-size:clamp(28px,2.8vw,42px)}.process-stage-head p{font-size:17px;max-width:255px}.process-number{font-size:16px;color:#806115}.process-stage .process-panel{height:450px;border-radius:0}.process-model-pair a{height:340px}.process-model-pair figure{border-radius:0}.process-model-pair strong{font-size:17px}.process-model-pair small{font-size:14px}.process-stage .process-panel figcaption h4{font-size:23px}.process-stage .process-panel figcaption small{font-size:16px}.process-media-pair{gap:20px}.process-stage:nth-child(3)>figure img{object-position:center 37%}
.physical-intro{position:relative;overflow:hidden}.physical-intro:after{content:'+';position:absolute;right:6%;top:-70px;font-size:370px;line-height:1;font-weight:100;color:#efc54107;pointer-events:none}.physical-layout h2{font-size:clamp(60px,7vw,106px)}.physical-layout>div>p{font-size:17px}.physical-layout>div>p.physical-note{font-size:15px;color:#b7baaa}.text-link{font-size:16px}.guide-faq-heading>p{font-size:16px;color:#626b59}.guide-faq summary{font-size:22px;padding-block:28px}.guide-faq details p{font-size:16px;color:#56634e}.about-copy>p:not(.eyebrow){font-size:16px}.about-factory figcaption{font-size:14px}.about-values strong{font-size:15px}.about-values span{font-size:14px}.company-record{font-size:14px}.about-factory img{height:580px;filter:none}.final-cta .cta-asterisk{animation:asterisk-turn 30s linear infinite;animation-play-state:paused}.final-cta.motion-in-view .cta-asterisk{animation-play-state:running}.cta-bottom>p{font-size:17px}.final-cta .text-link{font-size:15px}.footer-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.footer-grid>div:last-child h2{grid-column:1/-1}.footer-grid{grid-template-columns:1.1fr 1fr 1fr 1.7fr}.site-footer p{max-width:280px}.project-dialog-bar p{font-size:14px}.project-dialog-bottom a,.project-dialog-bottom span{font-size:15px}
.js [data-reveal],.js .reveal{transition-duration:.85s;transition-delay:var(--reveal-delay,0ms)}.js [data-reveal]:not(.in-view),.js .reveal:not(.in-view){transform:translateY(44px)}
.motion-paused .motion-track,.motion-paused .cta-asterisk{animation-play-state:paused!important}.motion-paused .hero-product,.motion-paused .project-card img,.motion-paused .solution-row{transform:none!important}
.hero-annotation{background:#111213c9;padding:9px 12px;border-left:1px solid #efc5416b}
.hero-note{position:absolute;display:flex;align-items:center;gap:15px;z-index:4;background:#191b1bef;border:1px solid #ffffff2a;padding:17px 20px;box-shadow:0 12px 35px #0003;animation:note-float 8s ease-in-out infinite;animation-play-state:paused}.hero-note svg{width:40px;height:40px;stroke:var(--gold);stroke-width:1}.hero-note small{display:block;font:11px monospace;color:#b6b9aa;margin-bottom:6px}.hero-note strong{font-size:15px;font-weight:600;color:#f4f2e9}.note-model{left:9%;top:28%;transform:rotate(-5deg)}.note-build{right:8%;bottom:28%;animation-delay:-4s;transform:rotate(4deg)}.hero-visible:not(.motion-disabled) .hero-note{animation-play-state:running}.motion-paused .hero-note{animation-play-state:paused!important}
@keyframes note-float{0%,100%{translate:0 0}50%{translate:0 -13px}}
@media(max-width:1100px) and (min-width:701px){.hero-note{gap:10px;padding:13px 14px}.hero-note svg{width:31px;height:31px}.hero-note strong{font-size:13px}.note-model{left:17%;top:24%}.note-build{right:12%;bottom:29%}}
@media(max-width:700px){.hero-note{padding:10px 12px;gap:9px}.hero-note svg{width:26px;height:26px}.hero-note small{font-size:9px;margin-bottom:3px}.hero-note strong{font-size:12px}.note-model{left:0;top:17%}.note-build{right:0;bottom:28%}.hero-annotation{display:none}}
@media(min-width:701px) and (max-height:800px){.hero-copy{padding-top:44px;padding-bottom:98px}.hero-copy h1{font-size:clamp(76px,8.9vw,135px)}.hero-description{margin-top:24px;margin-bottom:22px}.hero-copy .eyebrow{margin-bottom:20px}.hero-stage{top:-4%;height:106%}.hero-inner{min-height:calc(100svh - 88px)}}
@keyframes type-enter{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes service-flow{to{transform:translateX(-50%)}}
@keyframes asterisk-turn{to{transform:rotate(372deg)}}
@media(min-width:1800px){.hero-stage{right:-1%;width:60%}.hero-copy h1{font-size:164px}}
@media(max-width:1100px){.hero-copy{width:63%;max-width:650px}.hero-copy h1{font-size:clamp(80px,10vw,115px)}.hero-description{font-size:16px;max-width:365px}.hero-stage{right:-11%;width:63%;height:105%;top:0}.hero-annotation{right:5%;font-size:10px}.hero-dimension{right:3%}.solution-photo{height:300px}.solution-row>div:not(.solution-photo){padding-inline:20px}.solution-row p{font-size:15px}.solution-row h3{font-size:29px}.section-head{gap:24px 36px}.project-grid{grid-auto-rows:260px;gap:18px}.project-card strong{font-size:19px}.process-stage{grid-template-columns:.7fr 1.5fr;gap:25px}.process-stage .process-panel{height:390px}.process-model-pair a{height:290px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.hero-copy{width:68%;padding-top:70px}.hero-copy h1{font-size:clamp(78px,10.8vw,105px)}.hero-description{max-width:330px}.hero-stage{right:-15%;width:68%}.hero-bottom p{display:none}.solution-list{grid-template-columns:1fr}.solution-row{display:grid;grid-template-columns:1.2fr 1fr;min-height:320px}.solution-photo{height:100%;min-height:320px}.solution-row>div:not(.solution-photo){align-self:center;padding:40px}.solution-row h3{font-size:38px}.solution-row p{font-size:17px}.kinetic-head{gap:32px}.kinetic-film{aspect-ratio:1.7}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:330px}.project-card,.project-card:first-child,.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4),.project-grid.is-filtered .project-card{grid-column:span 1;grid-row:auto}.project-card:first-child,.project-card:nth-child(2){grid-row:span 2}.process-stage{grid-template-columns:1fr;gap:26px}.process-stage-head p{max-width:none}.process-stage .process-panel{height:440px}.process-model-pair a{height:330px}.kinetic-head{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:40px}.about-factory img{height:460px}}
@media(max-width:700px){.section{padding-block:74px}.hero-inner{display:grid;grid-template-rows:auto 315px auto;max-height:none;padding-top:32px;padding-bottom:28px}.hero-copy{display:contents;width:auto}.hero-copy h1{font-size:clamp(60px,16vw,104px);line-height:.94;margin-top:35px;letter-spacing:-.065em}.hero-copy h1 .hero-line{display:block}.hero-copy h1 .hero-line b{display:block}.hero-copy .eyebrow{font-size:10px;letter-spacing:.08em}.hero-stage{position:relative;right:auto;top:0;height:350px;width:100%;margin-top:-16px;margin-bottom:0}.hero-stage figcaption{right:0;bottom:16%;max-width:150px}.hero-stage figcaption strong{font-size:10px}.hero-stage figcaption small{font-size:11px}.motion-toggle{right:0;bottom:2%;width:38px;height:38px}.hero-copy .hero-description{font-size:16px;margin-top:22px;margin-bottom:24px;max-width:none}.hero-copy .button{font-size:16px;max-width:none;min-height:58px}.hero-bottom{font-size:13px;bottom:auto;padding-top:18px;margin-top:26px}.hero-annotation{font-size:10px;right:0;top:37%}.hero-dimension{right:0;top:50%;height:28%;width:73%}.hero-orbit{top:205px;right:-71%;width:650px;height:650px}.motion-band{padding-block:16px}.motion-track>div{gap:25px;padding-right:25px;font-size:39px}.client-strip{padding-block:30px}.reference-name{font-size:10px}.reference-logo{width:90px;height:37px}.references-head .eyebrow{font-size:11px}.reference-grid{gap:24px 17px}.section-head h2,.portfolio .section-head h2{font-size:clamp(43px,11.9vw,70px)}.section-head>p:last-child{font-size:16px}.section-head{margin-bottom:32px}.solution-row{display:flex;min-height:0}.solution-photo{height:340px;min-height:0}.solution-row>div:not(.solution-photo){padding:27px 23px 30px;align-self:stretch}.solution-row h3{font-size:36px}.solution-row p{font-size:16px;max-width:none}.solution-number{left:18px;top:18px}.row-arrow{right:18px;top:18px}.kinetic-section{padding-block:74px}.kinetic-head h2{font-size:clamp(52px,14vw,82px)}.kinetic-head>p{font-size:16px}.kinetic-film{aspect-ratio:.93}.kinetic-film video{object-fit:contain}.kinetic-film figcaption{display:block;padding:80px 22px 24px}.kinetic-film h3{font-size:22px}.kinetic-film small{display:block;margin-top:9px;font-size:14px}.kinetic-label{top:20px;left:18px;font-size:10px}.kinetic-film .clip-toggle{top:18px;right:18px;width:42px;height:42px}.project-toolbar button{font-size:13px;padding:10px 14px}.project-grid{grid-template-columns:1fr;grid-auto-rows:360px;gap:20px}.project-card,.project-card:first-child,.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4),.project-grid.is-filtered .project-card{grid-column:1;grid-row:auto}.project-card:first-child{height:460px;grid-auto-rows:460px;grid-row:span 1}.project-grid{grid-template-rows:460px}.project-card strong{font-size:21px}.project-card small{font-size:13px}.project-card figcaption{padding-inline:22px}.project-card:first-child img{object-fit:cover}.project-open-hint{display:block;font-size:12px}.case-study h3{font-size:36px}.case-study p{font-size:16px}.case-capabilities li{font-size:13px}.process-stage .process-panel{height:370px}.process-media-pair{gap:12px}.process-model-pair a{height:260px}.process-model-pair strong{font-size:15px}.process-model-pair small{font-size:13px}.process-stage-head h3{font-size:31px}.process-stage-head p{font-size:16px}.process-stage .process-panel figcaption h4{font-size:19px}.process-stage .process-panel figcaption small{font-size:14px}.process-stage .process-media-pair .process-panel figcaption h4{font-size:17px}.process-stage .process-media-pair .process-panel figcaption small{font-size:13px}.process-stage .process-media-pair .process-panel{height:335px}.physical-layout h2{font-size:59px}.physical-layout>div>p{font-size:16px}.physical-layout>div>p.physical-note{font-size:15px}.guide-faq summary{font-size:19px}.guide-faq details p,.guide-faq-heading>p{font-size:16px}.about-copy>p:not(.eyebrow){font-size:16px}.about-values{gap:24px}.about-factory img{height:350px}.company-record{font-size:13px}.final-cta h2{font-size:clamp(64px,18vw,112px);letter-spacing:-.07em}.cta-asterisk{right:0;font-size:.6em;top:26%}.cta-bottom>p{font-size:16px}.final-cta .text-link{font-size:15px}.footer-grid>div:last-child{column-gap:20px}.project-dialog-bar p{font-size:12px}.project-dialog-bar h2{font-size:19px}.project-dialog-close{font-size:14px}}
@media(max-width:370px){.hero-copy h1{font-size:57px}.solution-row h3{font-size:31px}.process-media-pair{grid-template-columns:1fr}.process-model-pair a{height:300px}.process-model-pair figcaption{min-height:auto}.project-card:first-child{height:420px}.project-grid{grid-template-rows:420px}}
@media(prefers-reduced-motion:reduce){.hero-copy h1 b{animation:none}.motion-track{animation:none;transform:none}.hero-product,.project-card img,.solution-row{transform:none!important}.motion-track>div[aria-hidden]{display:none}}