/* FrameMatter / Dimension 02. Shared art direction, with native scroll. */
:root {
  --paper:#efeee8;
  --ink:#20221e;
  --muted:#696c62;
  --green:#435339;
  --accent:#d8e4b6;
  --line:#cfd1c6;
  --serif:'Instrument Serif',Georgia,serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
html { scroll-padding-top:110px; }
body { overflow-x:clip; }
button,a { -webkit-tap-highlight-color:transparent; }
body::after { content:'';position:fixed;inset:0;pointer-events:none;z-index:70;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
.scroll-progress { position:fixed;top:0;left:0;right:0;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none; }
.site-header { height:92px;position:relative;gap:30px;border-bottom-color:var(--line); }
.wordmark { letter-spacing:-1.6px;font-size:24px; }
.wordmark::before { content:'';display:inline-block;width:16px;height:19px;border:2px solid var(--ink);margin-right:12px;transform:skewY(-12deg);box-shadow:4px 2px 0 -1px var(--paper),5px 2px 0 0 var(--ink);vertical-align:-2px; }
.site-header nav { margin-left:auto;gap:26px; }
.site-header nav a { position:relative; }
.site-header nav a:not(.nav-contact)::after { content:'';position:absolute;left:0;bottom:5px;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease); }
.site-header nav a:hover::after,.site-header nav a[aria-current]::after { transform:scaleX(1);transform-origin:left; }
.nav-contact { margin-left:22px;border:1px solid var(--ink);border-radius:50px;padding:11px 20px!important; }
.nav-contact span { margin-left:20px; }


.hero-dimensional { padding-top:27px;position:relative;overflow:clip; }
.hero-kicker { display:flex;justify-content:space-between;align-items:center; }
.hero-kicker .eyebrow { font-size:11px;letter-spacing:.9px; }
.hero-kicker .tiny-frame { width:8px;height:8px;background:var(--ink);border:none; }
.hero-composition { display:grid;grid-template-columns:1fr 1fr;position:relative;min-height:660px;padding:50px 0 55px;align-items:center; }
.hero-copy { position:relative;z-index:3;pointer-events:none; }
.hero-copy h1 { font-size:clamp(75px,8.4vw,139px);font-weight:500;line-height:.98;letter-spacing:-.07em;margin:0 0 34px; }
.headline-line { display:block;overflow:hidden;padding:0 .1em .08em 0;margin-bottom:-.06em; }
.headline-line>span,.headline-line>em { display:block;animation:headline-entry 1.3s var(--ease) both; }
.headline-line:nth-child(2)>span { animation-delay:.1s; }
.headline-line:nth-child(3)>em { animation-delay:.2s; }
.headline-line em { font-family:var(--serif);font-weight:400;font-size:1.12em;letter-spacing:-.035em;color:var(--green);padding-left:.025em; }
@keyframes headline-entry { from { transform:translateY(115%) rotate(4deg); } to { transform:none; } }
.hero-copy>p { font-size:16px;line-height:1.7;color:var(--muted);max-width:360px;margin:0 0 26px; }
.hero-actions { gap:26px;pointer-events:auto; }
.hero-actions .button { border-radius:0;font-size:13px;gap:28px;min-height:56px;position:relative;overflow:hidden; }
.button { position:relative;transition:translate .35s var(--ease),background .3s,color .3s; }
.button.dark:hover { background:var(--green); }
.button span { display:inline-grid;place-items:center;width:20px;height:20px; }
.hero-actions .text-link { font-size:13px;gap:20px; }
.frame-exhibit { position:absolute;width:61%;height:100%;right:-5.1%;top:0;isolation:isolate; }
.exhibit-label { position:absolute;right:13%;top:34px;font-size:10px;letter-spacing:1px;z-index:3;color:#727869; }
.frame-stage { position:absolute;inset:0;z-index:2; }
#frame-canvas { display:block;width:100%;height:100%;opacity:0;transition:opacity .8s;cursor:grab;touch-action:pan-y;outline-offset:-25px; }
#frame-canvas.is-dragging { cursor:grabbing; }
[data-scene=ready] #frame-canvas { opacity:1; }
.exhibit-floor { position:absolute;inset:auto 14% 80px 13%;display:flex;justify-content:space-between;transform:rotate(-7deg);border-top:1px solid #a7ad9d80;padding:10px 4px;color:#939b86;font-size:10px;letter-spacing:3px; }
.exhibit-floor::before { content:'';position:absolute;width:64%;height:37px;background:#28301e;filter:blur(24px);opacity:.13;left:17%;bottom:30px;border-radius:50%; }
.exhibit-caption { position:absolute;left:30%;bottom:20px;z-index:3;display:flex;gap:14px;align-items:center;font-size:9px;letter-spacing:.8px;color:#777d6f; }
.exhibit-caption[hidden] { display:none; }
.drag-symbol { font-size:20px; }
.frame-fallback { position:absolute;inset:20%;perspective:800px;transform:rotate(-16deg); }
.frame-fallback i { position:absolute;inset:0;border:32px solid #9b9f93;border-radius:25px;box-shadow:inset 2px 3px 3px #fff,3px 4px 2px #454c3b,15px 25px 22px #333a2533;transform:rotateY(-35deg) rotateX(18deg); }
.frame-fallback i:nth-child(2) { inset:14%;transform:rotateY(25deg) rotateX(-18deg);border-color:#6f7c58; }
.frame-fallback i:nth-child(3) { inset:27%;transform:rotateY(-15deg) rotateX(30deg);border-color:#c4c8bb; }
[data-scene=ready] .frame-fallback { display:none; }
.hero-dimensional .hero-foot { border-top:1px solid var(--line);margin:0;padding:19px 0 26px;align-items:center;font-size:10px;letter-spacing:.65px;gap:20px; }
.hero-foot a { align-items:center;gap:12px;font-size:10px; }
.scroll-mark { display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:27px;height:27px;font-size:16px; }
.hero-signature { font-size:10px; }
.discipline-ribbon { overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:27px 0; }
.ribbon-track { display:flex;align-items:center;gap:48px;width:max-content;animation:travel-ribbon 45s linear infinite; }
.ribbon-track span { font-family:var(--display);font-size:clamp(25px,3.2vw,48px);font-weight:500;letter-spacing:-1px; }
.ribbon-track i { font-style:normal;color:var(--accent);font-size:43px;line-height:1; }
@keyframes travel-ribbon { to { transform:translateX(-50%); } }
.work { padding-top:100px;padding-bottom:100px; }
.work-intro { display:grid;grid-template-columns:1fr 1.3fr;align-items:start;column-gap:50px;margin-bottom:64px; }
.work-intro h2 { padding-top:14px;font-weight:500; }
.work-title { font-family:var(--display);font-size:clamp(38px,5.2vw,80px);line-height:1.07;letter-spacing:-.05em;margin:0;font-weight:500; }
.work-title em { font-family:var(--serif);font-size:1.22em;font-weight:400;letter-spacing:-.02em; }
.work-intro-note { grid-column:2;font-size:14px;line-height:1.7;color:var(--muted);margin-top:25px; }
.project { perspective:1600px; }
.project-image { transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .65s var(--ease),box-shadow .7s;aspect-ratio:1.9; }
.project-image::before { inset:20px;border-color:#ffffff60;transition:inset .65s var(--ease),opacity .6s; }
.project-image:hover::before { inset:30px; }
.project-image img { transform:translateY(var(--parallax,0px)) scale(1.06);transition:transform 1.2s var(--ease); }
.project-image:hover img { transform:translateY(var(--parallax,0px)) scale(1.11); }
.project-image-brand { font-size:clamp(50px,9vw,145px);font-weight:600;letter-spacing:-.055em; }
.project-image-top { top:42px;left:44px;font-size:11px; }
.project-image-bottom { left:44px;bottom:40px;font-size:11px; }
.image-shade { background:linear-gradient(180deg,#0c201c10 15%,#0d261a10 55%,#07171069); }
.project-image:hover .image-shade { background:linear-gradient(180deg,#0c201c10 15%,#0d261a10 55%,#07171069); }
.project-caption { padding-top:23px; }
.project-caption h3 { font-size:29px;letter-spacing:-1.1px; }
.project-caption p { font-size:14px; }
.project-caption-right>span { font-size:12px; }
.project-open { border-radius:0;background:var(--paper);width:54px;height:54px; }
.project-image:hover .project-open { transform:none; }
.project-cursor { display:none;position:absolute;top:0;left:0;z-index:5;background:var(--accent);color:var(--ink);width:94px;height:94px;border-radius:50%;text-align:center;font-size:10px;letter-spacing:.6px;line-height:1.45;padding:27px 12px;pointer-events:none;transform:translate(calc(var(--mx,0px) - 47px),calc(var(--my,0px) - 47px)) scale(.4);opacity:0;transition:opacity .25s,scale .25s; }
.project-cursor b { font-weight:400; }
@media(hover:hover) and (pointer:fine) { .project-cursor{display:block;}.project-image.is-pointed{cursor:none;}.is-pointed .project-cursor{opacity:1;transform:translate(calc(var(--mx,0px) - 47px),calc(var(--my,0px) - 47px)) scale(1);}.is-pointed .project-open{opacity:0;} }
.work-editorial { grid-template-columns:.8fr 1.3fr;gap:14%;margin:125px 0; }
.work-note { padding:100px 0 0 25px; }
.work-note>.tiny-frame { width:56px;height:56px;border:2px solid var(--ink);transform:rotate(-15deg) rotateY(30deg);box-shadow:9px 9px 0 -1px var(--paper),10px 10px 0 0 var(--ink); }
.work-note p { font-size:clamp(25px,2.8vw,42px);letter-spacing:-.05em;line-height:1.35;margin-top:40px; }
.work-note p span { font-family:var(--serif);font-size:1.18em;line-height:1.3;color:var(--green); }
.project-bakery .project-image { aspect-ratio:.95; }
.project-bakery .project-image-brand { font-family:var(--serif);font-size:8vw;letter-spacing:-.055em; }
.project-bakery .project-image-brand small { font-family:var(--body);font-size:12px; }
.project-stay { width:84%;margin-left:0; }
.project-stay .project-image { aspect-ratio:1.65; }
.project-stay .project-image-brand { font-weight:400;font-size:10vw; }
.realizo-project { margin-top:85px;position:relative;transition:padding .6s var(--ease); }
.realizo-project:hover { padding-left:20px;padding-right:20px; }
.realizo-label>a { font-size:62px;letter-spacing:-3px; }
.manifesto { background:#22271f;padding-top:100px;padding-bottom:115px;grid-template-columns:1.2fr .85fr;gap:12%;position:relative; }
.manifesto-heading { position:sticky;top:13vh;align-self:start; }
.manifesto .eyebrow { color:#c1c9b5; }
.manifesto h2 { font-size:clamp(65px,8.2vw,126px);line-height:.98;margin-top:45px;letter-spacing:-.06em;background:linear-gradient(to bottom,#f0f0e6 0%,#f0f0e6 var(--reading,0%),#747d68 var(--reading,0%),#747d68 100%);color:transparent;background-clip:text;-webkit-background-clip:text; }
.manifesto h2 em { font-family:var(--serif);font-weight:400;letter-spacing:-.035em;font-size:1.15em; }
.manifesto-copy { padding:30px 0 0;align-self:start; }
.statement-item { border-top:1px solid #c6d4b436;padding:32px 0 54px; }
.statement-item:last-child { padding-bottom:0; }
.statement-item>span { font-size:11px;letter-spacing:.8px;color:#b9c5ab; }
.statement-item h3 { font-family:var(--display);font-size:clamp(32px,3.3vw,52px);line-height:1.15;letter-spacing:-.05em;font-weight:500;margin:24px 0; }
.statement-item p { color:#c0c8b7;font-size:16px;line-height:1.75;margin:0;max-width:370px; }
.statement-orbit { width:100px;height:80px;margin-top:40px;perspective:350px;position:relative; }
.statement-orbit i { position:absolute;inset:8px;border:1px solid #c2d19f;transform:rotateY(45deg) rotateZ(12deg);animation:orbit-frame 13s ease-in-out infinite alternate; }
.statement-orbit i:nth-child(2){inset:15px;animation-delay:-4s;}.statement-orbit i:nth-child(3){inset:22px;animation-delay:-8s;}
@keyframes orbit-frame { from { transform:rotateY(-45deg) rotateX(15deg) rotateZ(-12deg); } to { transform:rotateY(50deg) rotateX(-30deg) rotateZ(30deg); } }
.services { padding-top:110px;padding-bottom:120px; }
.section-heading>p { font-size:clamp(36px,4.7vw,70px);line-height:1.08; }
.service { transition:padding .5s var(--ease),background .5s; }
.service summary { padding:36px 0; }
.service h3 { font-size:clamp(40px,5.5vw,83px);font-weight:400;letter-spacing:-.06em; }
.service-number { align-self:start;padding-top:16px; }
.service:hover { padding-left:20px;padding-right:20px;background:#e5e7da; }
.service[open] h3 { color:var(--green); }
.service-content { padding-bottom:40px; }
.service-content li { border-radius:20px; }
.process { background:#dfe5d3;position:relative;overflow:clip; }
.process-visual { perspective:900px;padding:90px 0 80px 30px; }
.process-frame { width:85%;max-width:360px;background:var(--paper);border:1px solid #929e83;transform:rotateY(-28deg) rotateX(19deg) rotateZ(-8deg);transform-style:preserve-3d;box-shadow:14px 20px 0 -1px #dfe5d3,15px 21px 0 0 #96a080,28px 40px 0 -1px #dfe5d3,29px 41px 0 0 #afb99a;transition:transform 1.2s var(--ease),box-shadow 1.2s var(--ease); }
.process-frame:before,.process-frame:after { background:#dfe5d3; }
.process-visual[data-phase="1"] .process-frame { transform:rotateY(-36deg) rotateX(25deg) rotateZ(-12deg); }
.process-visual[data-phase="2"] .process-frame { transform:rotateY(-18deg) rotateX(12deg) rotateZ(-6deg); }
.process-visual[data-phase="3"] .process-frame { transform:rotateY(12deg) rotateX(6deg) rotateZ(3deg); }
.process-visual[data-phase="4"] .process-frame { transform:rotateY(0deg) rotateX(0deg);box-shadow:4px 6px 0 -1px #dfe5d3,5px 7px 0 0 #96a080,10px 13px 0 -1px #dfe5d3,11px 14px 0 0 #afb99a; }
.process-caption { margin-top:65px;max-width:300px;line-height:1.6;font-size:10px; }
.process-steps h3 { font-size:28px; }
.studio { padding-top:125px;padding-bottom:125px; }
.studio-frame { width:135px;height:165px;border-width:2px;transform:rotateY(25deg) rotateZ(-10deg);box-shadow:18px 18px 0 -1px var(--paper),19px 19px 0 0 var(--line); }
.studio-frame i { border-width:2px;transform:rotateY(-30deg) rotateZ(16deg); }
.studio h3 { font-size:clamp(50px,7vw,110px);font-weight:400; }
.studio h3 span { font-family:var(--serif);font-style:italic;letter-spacing:-.02em;font-size:1.15em; }
.contact { padding-top:110px;padding-bottom:110px;background:#d8e1c6;position:relative; }
.contact h3 { font-size:clamp(50px,6.2vw,95px);font-weight:400; }
.contact h3 em { font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:-.035em;color:var(--green); }
.contact-form { padding-top:4px; }
.choice-list span { border-radius:30px;background:transparent;border-color:#acb69d; }
.contact-form input:not([type=checkbox]),.contact-form textarea { border-color:#a7b396; }
.form-submit { margin-top:0; }
.footer { background:var(--ink);color:var(--paper);padding-top:55px;padding-bottom:28px;overflow:clip; }
.footer-wordmark { font-size:clamp(42px,11.15vw,181px);font-weight:500;letter-spacing:-.08em;line-height:1.15;margin-top:65px;transform:translateY(calc((1 - var(--footer-reveal,1))*25px));transform-origin:center; }
.footer-wordmark>span { color:var(--accent); }
.footer-bottom { color:#b4bbab;border-color:#5e6554;font-size:11px; }
.footer-top a:hover { color:var(--accent); }
.case-hero h1 { font-size:clamp(52px,8vw,122px);font-weight:400;line-height:1.02; }
.case-client { font-size:15px;letter-spacing:.5px; }
.case-cover { overflow:clip; }
.case-cover img { transform:translateY(var(--parallax,0px)) scale(1.05);transition:transform 1s var(--ease); }
.case-cover figcaption { background:var(--paper);position:relative;z-index:1;padding:18px 0 0; }
.case-result h2 { font-family:var(--serif);font-size:clamp(48px,6.5vw,92px);font-weight:400;letter-spacing:-.035em; }
.case-next { background:var(--accent); }
.product-statement { background:#252e20; }
.product-statement p { font-weight:400; }
.brief-dialog { border-radius:0; }
.brief-dialog h2 { font-family:var(--serif);font-size:48px;letter-spacing:-1px; }
.will-reveal { transform:translateY(45px);transition:opacity 1s var(--ease),transform 1s var(--ease); }
.project-featured.will-reveal .project-image { clip-path:inset(5% 6%);transition:clip-path 1.3s var(--ease),transform .65s var(--ease); }
.project-featured.visible .project-image { clip-path:inset(0); }

@media(min-width:1700px) { .frame-exhibit{right:-4%;width:59%;}.hero-composition{min-height:750px;}.hero-copy h1{font-size:142px;} }
@media(max-width:1100px) {
  .site-header{gap:18px;}.site-header nav{gap:19px;}.nav-contact{margin-left:5px;padding:10px 16px!important;}.nav-contact span{margin-left:12px;}
  .hero-composition{min-height:620px;}.hero-copy h1{font-size:9.6vw;}.frame-exhibit{right:-7%;width:65%;}.hero-copy>p{font-size:15px;max-width:330px;}.hero-actions{gap:20px;}.hero-actions .button{gap:20px;padding:17px;}.hero-actions .text-link{gap:12px;}.exhibit-caption{left:28%;font-size:8px;gap:10px;}.exhibit-label{right:16%;font-size:9px;}.hero-signature{display:none;}
  .work-editorial{gap:9%;}.work-note{padding-left:0;}.manifesto{gap:10%;}.statement-item{padding-bottom:45px;}.manifesto h2{font-size:9vw;}.service h3{font-size:6vw;}.process-frame{width:80%;}.studio-frame{width:100px;height:130px;}
}
@media(max-width:850px) and (min-width:681px) {
  .site-header nav{gap:15px;font-size:12px;}.nav-contact{margin-left:0;padding:9px 11px!important;}.nav-contact span{margin-left:6px;}.wordmark{font-size:20px;}.wordmark::before{margin-right:9px;width:12px;height:16px;}
  .hero-composition{min-height:550px;}.hero-copy h1{font-size:10vw;}.hero-copy>p{max-width:290px;font-size:14px;}.hero-actions{gap:14px;}.hero-actions .button{font-size:12px;padding:14px;gap:12px;min-height:50px;}.hero-actions .text-link{font-size:12px;max-width:120px;line-height:1.4;}.frame-exhibit{height:87%;top:30px;width:64%;}.exhibit-label{top:5px;}.exhibit-caption{left:25%;bottom:-30px;}.exhibit-floor{bottom:35px;}.work-intro{gap:35px;}.work-intro-note{font-size:13px;}.work-note p{font-size:27px;}.manifesto{grid-template-columns:1fr 1fr;gap:8%;}.manifesto h2{font-size:10vw;}.statement-item h3{font-size:32px;}.statement-item p{font-size:15px;}.studio-frame{width:80px;height:100px;margin-left:15px;}
}
@media(max-width:680px) {
  html{scroll-padding-top:30px;}body::after{opacity:.018;}.site-header{height:78px;gap:16px;}.wordmark{font-size:21px;letter-spacing:-1.3px;}.wordmark::before{width:12px;height:15px;margin-right:9px;}.menu-toggle{font-size:12px;gap:14px;}.menu-toggle span{font-size:22px;}.site-header>nav{display:none;}.mobile-menu{top:78px;background:var(--ink);color:var(--paper);padding-top:22px;}.mobile-menu a{font-family:var(--display);font-size:38px;letter-spacing:-1.6px;font-weight:400;border-color:#ffffff25;padding:20px 0;}.mobile-menu .nav-contact{border:none;border-bottom:1px solid #ffffff25;border-radius:0;padding:20px 0!important;margin:0;}.mobile-menu>p{color:#bdc6ad;}
  .hero-dimensional{padding-top:24px;}.hero-kicker .eyebrow{font-size:10px;letter-spacing:.65px;gap:9px;}.hero-kicker .hero-location{display:none;}.hero-composition{display:flex;flex-direction:column;min-height:auto;padding-top:39px;padding-bottom:27px;}.hero-copy{width:100%;}.hero-copy h1{font-size:19vw;line-height:.97;letter-spacing:-.07em;margin:0 0 25px;}.headline-line{padding-right:.15em;}.headline-line em{font-size:1.12em;}.hero-copy>p{font-size:16px;max-width:340px;line-height:1.7;margin-bottom:24px;}.hero-actions{gap:24px;}.hero-actions .button{font-size:12px;gap:20px;padding:15px 16px;min-height:52px;}.hero-actions .text-link{font-size:12px;gap:12px;max-width:145px;line-height:1.5;}
  .frame-exhibit{position:relative;width:112%;height:380px;right:auto;top:auto;margin:0 -6% -4px;order:2;}.frame-stage{inset:-30px 0 -15px;}.exhibit-label{top:13px;right:11%;font-size:8px;}.exhibit-floor{inset:auto 14% 38px 13%;font-size:8px;padding-top:8px;}.exhibit-floor::before{height:20px;filter:blur(20px);}.exhibit-caption{left:0;right:0;bottom:-3px;justify-content:center;font-size:8px;letter-spacing:.45px;gap:10px;}.drag-symbol{font-size:17px;}.hero-dimensional .hero-foot{padding:17px 0 22px;gap:15px;font-size:9px;letter-spacing:.3px;}.hero-dimensional .hero-foot>a{font-size:0;gap:0;}.scroll-mark{font-size:16px;}.hero-signature{display:none;}
  .discipline-ribbon{padding:21px 0;}.ribbon-track{gap:28px;animation-duration:35s;}.ribbon-track span{font-size:26px;letter-spacing:-1px;}.ribbon-track i{font-size:30px;}
  .work{padding-top:65px;padding-bottom:65px;}.work-intro{display:block;margin-bottom:34px;}.work-intro h2{padding:0;font-size:11px;}.work-title{font-size:12vw;letter-spacing:-.05em;line-height:1.1;margin-top:24px;}.work-intro-note{display:block;margin-top:22px;font-size:13px;line-height:1.7;}.project-image{aspect-ratio:.97;}.project-image::before{inset:13px;}.project-image:hover::before{inset:13px;}.project-image-top{top:25px;left:25px;font-size:9px;max-width:70%;}.project-image-bottom{left:25px;bottom:27px;font-size:9px;max-width:65%;}.project-image-brand{font-size:14vw;}.project-open{width:39px;height:39px;right:25px;bottom:23px;font-size:21px;}.project-caption h3{font-size:26px;}.project-caption p{font-size:13px;}.project-caption-right>span,.project-caption-right .text-link{font-size:11px;}.project-caption-right{gap:15px;}.work-editorial{display:flex;gap:35px;margin:55px 0;}.work-note{display:flex;gap:27px;padding:0;}.work-note>.tiny-frame{width:30px;height:30px;margin-top:9px;box-shadow:5px 5px 0 -1px var(--paper),6px 6px 0 0 var(--ink);}.work-note p{font-size:28px;margin:0;}.project-bakery{width:93%;}.project-bakery .project-image{aspect-ratio:.86;}.project-bakery .project-image-brand{font-size:20vw;}.project-bakery .project-image-top,.project-bakery .project-image-bottom{font-size:9px;}.project-bakery .project-caption-right>span{max-width:60%;}.project-stay{width:100%;}.project-stay .project-image{aspect-ratio:.98;}.project-stay .project-image-brand{font-size:20vw;}.realizo-project{margin-top:55px;}.realizo-project:hover{padding-left:0;padding-right:0;}.realizo-label>a{font-size:53px;}.realizo-project>div:nth-child(2)>p{font-size:17px;}
  .manifesto{display:block;padding-top:65px;padding-bottom:62px;}.manifesto-heading{position:relative;top:auto;}.manifesto h2{font-size:21vw;margin-top:30px;line-height:.98;}.manifesto .eyebrow{font-size:11px;}.statement-orbit{position:absolute;right:0;bottom:20px;width:85px;height:65px;margin:0;}.manifesto-copy{padding-top:44px;}.statement-item{padding:27px 0 36px;}.statement-item>span{font-size:10px;}.statement-item h3{font-size:36px;margin:21px 0;line-height:1.05;letter-spacing:-1.7px;}.statement-item h3 br{display:none;}.statement-item p{font-size:16px;line-height:1.75;max-width:none;}
  .services{padding-top:65px;padding-bottom:65px;}.section-heading>p{font-size:38px;letter-spacing:-1.9px;}.service summary{padding:25px 0;}.service h3{font-size:39px;letter-spacing:-2px;}.service:hover{padding-left:0;padding-right:0;background:none;}.service-number{padding-top:13px;font-size:11px;}.service-short{font-size:12px;}.service-content{padding-bottom:27px;}.service-content li{font-size:11px;}.service-content>p{font-size:16px;}
  .process{padding-top:65px;padding-bottom:65px;}.process-visual{display:none;}.process-steps h3{font-size:25px;}.process-steps p{font-size:16px;}.studio{padding-top:65px;padding-bottom:65px;}.studio-frame{width:35px;height:45px;border-width:1px;margin:0 20px 0 0;box-shadow:7px 7px 0 -1px var(--paper),8px 8px 0 0 var(--line);}.studio-frame i{border-width:1px;}.studio h3{font-size:15vw;}.studio-bottom{margin-top:30px;}.contact{padding-top:65px;padding-bottom:65px;}.contact h3{font-size:16vw;}.contact-form{margin-top:38px;}.contact-form .form-note{font-size:12px;}.footer{padding-top:40px;}.footer-wordmark{font-size:11vw;margin:35px 0 27px;letter-spacing:-.08em;}.footer-bottom{font-size:11px;}.footer-top{font-size:12px;}.footer-top nav{gap:12px 16px;}.case-hero h1{font-size:12vw;line-height:1.05;}.case-overview>p{font-size:17px;}.case-result h2{font-size:48px;}.case-next>div>a{font-size:36px;}.brief-dialog h2{font-size:42px;}
}
@media(max-width:680px) { .hero-actions{gap:20px;}.hero-actions .button{white-space:nowrap;flex-shrink:0;gap:14px;padding:15px 14px;}.hero-actions .text-link{font-size:11px;gap:8px;padding:12px 0;} }
@media(max-width:370px) { .wordmark{font-size:18px;}.site-header{gap:12px;}.wordmark::before{width:10px;height:13px;}.hero-actions{gap:16px;}.hero-actions .button{padding:14px 12px;gap:12px;}.hero-actions .text-link{max-width:118px;}.frame-exhibit{height:330px;}.hero-copy h1{font-size:19vw;}.statement-item h3{font-size:32px;} }

@media print { body::after,.frame-exhibit,.discipline-ribbon,.scroll-progress{display:none!important;}.hero-composition{display:block;min-height:0;}.hero-copy h1{font-size:60px;}.manifesto h2{color:black;background:none;}.manifesto{display:block;}.manifesto-heading{position:static;}.footer{background:white;color:black;} }