/* A visual greeting, followed by the existing business story. Desktop study. */
body[data-direction] .site-header{position:absolute;inset:16px 24px auto;margin:0;top:16px;border-radius:12px;background:#eeeae4;color:#2d3142}
body[data-direction] .site-header .header-inner{height:64px}
body[data-direction] .site-header .header-cta{background:transparent;color:inherit;border:1px solid #2d31423d;border-radius:30px}
body[data-direction] .site-header .desktop-nav a:hover{color:#ab4723}
body[data-direction] .welcome-hero{padding:0;margin:0;background:#c7bfb2;min-height:0}
body[data-direction=cool] .welcome-hero{background:#dededc}
.welcome-scene{height:100svh;min-height:690px;max-height:1180px;position:relative;overflow:hidden;isolation:isolate;--welcome-progress:0;--pointer-x:0;--pointer-y:0}
.welcome-kicker{position:absolute;left:4.5%;top:124px;font-size:11px;letter-spacing:.06em;z-index:4;display:flex;gap:26px}
.welcome-kicker span{letter-spacing:0;color:#514d46}
.welcome-title{position:absolute;left:4%;top:28%;z-index:1;transform:translate3d(calc(var(--welcome-progress) * -95px),calc(var(--welcome-progress) * -65px),0)}
body[data-direction] .welcome-title{font-size:clamp(110px,15.3vw,255px);font-weight:400;letter-spacing:-.09em;line-height:.88;margin:0;color:#292929}
.welcome-warm .welcome-title span{padding-left:.44em}
.welcome-art{position:absolute;left:35%;top:11%;width:59%;height:83%;z-index:2;pointer-events:none;transform:translate3d(calc(var(--pointer-x) * 18px + var(--welcome-progress) * 80px),calc(var(--pointer-y) * 14px + var(--welcome-progress) * -100px),0) rotate(calc(var(--pointer-x) * 3deg + var(--welcome-progress) * 9deg)) scale(calc(1 - var(--welcome-progress) * .1));will-change:transform}
.welcome-art-motion{width:100%;height:100%;animation:art-enter 1400ms cubic-bezier(.16,1,.3,1) both}
.welcome-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(16px 32px 22px #4a2b1826)}
.welcome-orbit{position:absolute;left:44%;top:19%;width:40vw;height:40vw;max-width:670px;max-height:670px;border:1px solid #eee8dd80;border-radius:50%;transform:translate3d(calc(var(--pointer-x) * -12px),calc(var(--welcome-progress) * 160px),0);z-index:0}
.welcome-orbit::after{content:'';position:absolute;inset:11%;border:1px solid #eee8dd65;border-radius:50%}
.welcome-aside{position:absolute;right:4.5%;top:23%;z-index:3;font-size:12px;line-height:1.6}
.welcome-cross{font-size:47px;font-weight:300;display:block;line-height:1;margin-bottom:22px;color:#8b421f}
.welcome-edition{position:absolute;left:4.5%;bottom:20%;font-size:9px;letter-spacing:.13em}
.welcome-bottom{position:absolute;inset:auto 4.5% 35px;display:flex;justify-content:space-between;align-items:flex-end;z-index:4;border-top:1px solid #29292930;padding-top:20px}
.welcome-bottom>p{font-size:12px;line-height:1.55}
.welcome-scroll{display:flex;gap:38px;align-items:center;font-size:13px}
.welcome-scroll-icon{width:66px;height:66px;border-radius:50%;border:1px solid #29292955;display:grid;place-items:center;font-size:25px;transition:background .3s,transform .3s,color .3s}
.welcome-scroll:hover .welcome-scroll-icon{background:#292929;color:#f5eee3;transform:translateY(4px)}
.welcome-cool .welcome-title{top:auto;bottom:19%;left:4%}
body[data-direction=cool] .welcome-title{font-size:clamp(110px,17vw,280px);color:#2d3142;line-height:.9}
.welcome-cool .welcome-title>span{display:block;margin-left:.23em}
.welcome-cool .welcome-art{left:31%;top:10%;width:59%;height:82%}
.welcome-cool .welcome-orbit{background:#ef8354;border:0;width:26vw;height:26vw;left:48%;top:31%;max-height:none;max-width:none}
.welcome-cool .welcome-orbit::after{inset:-19%;border:1px solid #2d314222}
.welcome-cool .welcome-aside{top:20%;right:5%;color:#2d3142}
.welcome-cool .welcome-cross{color:#2d3142}
.hello-trigger{position:absolute;z-index:4;right:5%;bottom:24%;width:170px;height:95px;display:flex;align-items:flex-end;justify-content:space-between;padding:18px;background:#ef8354;color:#2d3142;border:0;border-radius:7px;transform:rotate(-5deg);transition:transform 250ms,background 250ms;font-size:13px}
.hello-trigger>span:last-child{font-size:25px}.hello-trigger:hover{transform:rotate(0deg) translateY(-5px);background:#f7976d}
.hello-trigger:active{transform:rotate(0deg) scale(.96)}
.hello-response{position:absolute;right:5%;bottom:17%;font-size:11px;z-index:4;max-width:200px;line-height:1.5}
.welcome-art.is-waving .welcome-art-motion{animation:hello-wave 950ms cubic-bezier(.22,1,.36,1) both;transform-origin:55% 85%}
.direction-introduction{position:relative;scroll-margin-top:30px;isolation:isolate}
body[data-direction] .direction-introduction{margin:0;padding-top:45px}
.direction-introduction h2#intro-title{font-size:clamp(64px,6.8vw,105px);letter-spacing:-.07em;line-height:1.02;font-weight:400;margin:0}
.warm-hero.direction-introduction h2 span{color:#675649}
.cool-hero.direction-introduction h2 span{color:#747474}
.direction-introduction .hero-baseline{padding-bottom:20px}
body[data-direction=cool]{--paper:#e5e5e2;--ink:#2d3142;--muted:#61636b;--line:#bfc0c0;--light:#dededc;--sc-canvas:#e5e5e2;--sc-ink:#2d3142;--sc-ink-soft:#61636b;background:var(--paper)}
[data-direction=cool] .brand img,[data-direction=cool] .footer-brand img{width:145.87%;left:-22.94%}
[data-direction=cool] .cool-hero.direction-introduction{background:#d3d3d1;padding-bottom:30px}
[data-direction=cool] .hero-label,[data-direction=cool] .hero-baseline{color:#61636b}
[data-direction=cool] .primary,[data-direction=cool] .plan-featured .primary{background:#2d3142;color:#f5f5f2}
[data-direction=cool] .primary:hover{background:#484c60}
[data-direction=cool] .chapter-work{background:#2d3142}
[data-direction=cool] .chapter-formats{background:#ef8354}
[data-direction=cool] .chapter-approach{background:#f2f2ef}
[data-direction=cool] .first-impression>p:last-child span{color:#ad4c28}
[data-direction=cool] .orange-rule{background:#ef8354}
[data-direction=cool] .case-toolbar,[data-direction=cool] .case-stage{background:#bfc0c0;color:#2d3142}
[data-direction=cool] .compare-toggle button{color:#2d3142}
[data-direction=cool] .compare-toggle button[aria-pressed=true]{background:#2d3142;color:#f2f2ef}
[data-direction=cool] .lens-tabs button[aria-pressed=true]{background:#2d3142;border-color:#2d3142}
[data-direction=cool] .project-visual{background:#d3d3d0}
[data-direction=cool] .project-1 .project-visual{background:#bfc0c0}
[data-direction=cool] .catalog-link{background:#ef8354;color:#2d3142}
[data-direction=cool] .catalog-link>div>p:not(.eyebrow),[data-direction=cool] .catalog-number{color:#653c2b}
[data-direction=cool] .catalog-link .underlined{background:#2d3142;color:#f5f5f2}
[data-direction=cool] .intent-switch button[aria-pressed=true]{background:#2d3142;border-color:#2d3142}
[data-direction=cool] .light-process{background:#d5d5d2}
[data-direction=cool] .process-image>p{background:#eeeee9ed;color:#2d3142}
[data-direction=cool] .plan{background:#edede9;border-color:#bfc0c0}
[data-direction=cool] .plan-featured{background:#ef8354;border-color:#ef8354}
[data-direction=cool] .contact{background:#2d3142}
[data-direction=cool] .contact-form .black{background:#ef8354;color:#2d3142}
[data-direction=cool] .footer{background:#eeeae4;color:#2d3142}
[data-direction=cool] .footer-top p,[data-direction=cool] .footer-bottom{color:#61636b}
[data-direction=cool] .footer-bottom{border-color:#bfc0c0}
body[data-direction] .review-rail{left:50%;transform:translateX(-50%);bottom:12px;font-size:10px}
body[data-direction] .review-rail a{padding:8px 11px}
@keyframes art-enter{from{opacity:0;transform:translateY(65px) rotate(-12deg) scale(.92)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes hello-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}}
.welcome-title{animation:welcome-type 1100ms cubic-bezier(.16,1,.3,1) both}
.welcome-aside,.welcome-edition{animation:welcome-details 1000ms 300ms ease both}
@keyframes welcome-type{from{clip-path:inset(0 0 100% 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes welcome-details{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.welcome-title,.welcome-aside,.welcome-edition{animation:none}}
.motion-off .welcome-title,.motion-off .welcome-aside,.motion-off .welcome-edition{animation:none}
@media(prefers-reduced-motion:reduce){.welcome-art-motion{animation:none!important}.welcome-art,.welcome-orbit,.welcome-title{transform:none!important}.hello-trigger,.welcome-scroll-icon{transition:none}}
.motion-off .welcome-art-motion{animation:none!important}.motion-off .welcome-art,.motion-off .welcome-orbit,.motion-off .welcome-title{transform:none!important}.motion-off .hello-trigger,.motion-off .welcome-scroll-icon{transition:none}

/* A uses a single neutral family, with orange concentrated in the art. */
body[data-direction=warm]{--paper:#e7e3dd;--ink:#292929;--muted:#67645f;--line:#c1bcb4;--orange:#df6b2c;--sc-canvas:#e7e3dd;background:var(--paper)}
body[data-direction=warm] .welcome-hero{background:#e0dbd3}
[data-direction=warm] .welcome-orbit{border-color:#a39c924d}
[data-direction=warm] .welcome-orbit::after{border-color:#a39c9238}
[data-direction=warm] .warm-hero.direction-introduction{background:#d4cfc7}
[data-direction=warm] .direction-description,[data-direction=warm] .hero-label,[data-direction=warm] .spotlight-caption,[data-direction=warm] .thumbnail-label{color:#625e58}
[data-direction=warm] .warm-hero.direction-introduction h2 span{color:#79736a}
[data-direction=warm] .gallery-material{background:#c2bcb2;box-shadow:none}
[data-direction=warm] .gallery-material>span{background:#d0c9bf;box-shadow:inset 12px 8px 25px #8a7f7026}
[data-direction=warm] .gallery-caption{color:#625e58}
[data-direction=warm] .primary:hover{background:#4d4b47}
[data-direction=warm] .case-toolbar,[data-direction=warm] .case-stage{background:#cbc5bb}
[data-direction=warm] .project-visual,[data-direction=warm] .project-1 .project-visual{background:#cdc8c0}
[data-direction=warm] .catalog-link{background:#df6b2c;color:#252525}
[data-direction=warm] .catalog-link>div>p:not(.eyebrow),[data-direction=warm] .catalog-number{color:#482e20}
[data-direction=warm] .intent-switch button[aria-pressed=true]{background:#292929;color:#f1eee8}
[data-direction=warm] .light-process{background:#d4cfc7}
[data-direction=warm] .process-image>p{background:#e7e3ddeb}
[data-direction=warm] .plan{background:#efebe5;border-color:#c1bcb4}
[data-direction=warm] .plan-featured{background:#d4cfc7;border-color:#aaa297}
[data-direction=warm] .contact{background:#cbc5bb}
[data-direction=warm] .contact .black{background:#292929;color:#f1eee8}
[data-direction=warm] .process-list li,[data-direction=warm] .subscription,[data-direction=warm] .starting{border-color:#b7b0a6}

/* B: a studio signature and an editorial product composition. */
body[data-direction=cool] .welcome-hero.laptop-welcome{background:#eeeae4}
[data-direction=cool] .site-header{background:transparent;border-radius:0}
.laptop-welcome .welcome-scene::before{content:'';position:absolute;inset:0 0 34%;background:radial-gradient(ellipse at 60% 25%,#d4d5d280,transparent 70%);pointer-events:none}
.laptop-welcome .welcome-kicker{top:130px;font-size:10px;letter-spacing:.09em;display:block;line-height:1.8}
.laptop-welcome .welcome-kicker span{display:block;letter-spacing:0;margin-top:8px}
.laptop-welcome .welcome-art{left:23%;top:15%;width:63%;height:52%;z-index:2}
.laptop-welcome .welcome-art img{filter:drop-shadow(8px 38px 26px #30303924)}
.laptop-welcome .welcome-orbit{left:34%;top:29%;width:22vw;height:22vw;background:transparent;border:2px solid #ef8354;max-width:390px;max-height:390px}
.laptop-welcome .welcome-orbit::after{inset:12%;border:1px solid #ef835440}
.welcome-brand-title{position:absolute;left:4.5%;bottom:17%;width:min(48%,744px);margin:0!important;z-index:3;transform:translateY(calc(var(--welcome-progress) * -40px));animation:welcome-type 1100ms cubic-bezier(.16,1,.3,1) both}
.welcome-brand-crop{display:block;width:100%}
.welcome-brand-crop img{display:block;position:static;width:100%;max-width:100%;height:auto;aspect-ratio:704 / 142;object-fit:contain;transform:none}
.laptop-welcome .welcome-aside{right:5%;top:23%;font-size:11px;line-height:1.8}
.laptop-project{position:absolute;right:5%;bottom:19%;z-index:4;display:flex;flex-direction:column;gap:14px;width:220px;padding:20px;background:#ef8354;color:#2d3142;border-radius:3px;transform:rotate(-3deg);transition:transform .35s,background .35s}
.laptop-project>span{font-size:10px}.laptop-project strong{font-size:29px;letter-spacing:-.06em;font-weight:500;display:flex;justify-content:space-between;gap:30px}
.laptop-project strong span{font-size:23px}.laptop-project:hover{transform:rotate(0) translateY(-5px);background:#f1956c}.laptop-project:active{transform:scale(.98)}
.laptop-welcome .welcome-bottom{border-top:0}
@media(prefers-reduced-motion:reduce){.welcome-brand-title{animation:none;transform:none}.laptop-project{transition:none}}
.motion-off .welcome-brand-title{animation:none;transform:none}.motion-off .laptop-project{transition:none}
.laptop-welcome .laptop-slogan{font-size:clamp(24px,2.5vw,40px);line-height:1.15;letter-spacing:-.045em;top:23%;max-width:31%}
.laptop-welcome .laptop-slogan span{font-size:inherit;line-height:inherit;letter-spacing:inherit;margin-top:0;color:#67686c}
.warm-brand-promise{font-size:clamp(22px,2.2vw,35px);line-height:1.12;letter-spacing:-.055em}
body[data-direction=cool] .site-header{background:transparent}
[data-direction=cool] .studio-index{display:flex;align-items:center;gap:16px;width:auto;aspect-ratio:auto;font-size:10px;line-height:1.5;letter-spacing:.03em;overflow:visible}
.studio-index>span:first-child{font-size:28px;font-weight:300}