:root{--bg:#f4f3ed;--fg:#1d3932;--muted:#79847a;--line:#ccd4ca;--accent:#bdcba2;--soft:#e6eadf;--jp:'Noto Serif JP',serif;--sans:'Noto Sans JP',sans-serif;--display:'Barlow Condensed',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font:13px/1.9 var(--sans)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}a{color:inherit;text-decoration:none}button{background:none;border:0;padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;width:100%;max-width:100%;height:auto}button img{transition:transform .6s}button:hover img{transform:scale(1.025)}a:hover{opacity:.8}.direction-switch{display:flex;justify-content:space-between;align-items:center;padding:8px 4%;background:var(--fg);color:var(--bg);font-size:9px;letter-spacing:.06em}.direction-switch>div{display:flex;gap:25px}.direction-switch [aria-current]{border-bottom:1px solid}.kicker{font:500 10px var(--display);letter-spacing:.13em}.name{font:500 25px var(--jp);letter-spacing:.08em}.name small{display:block;font:9px var(--sans);letter-spacing:.16em;margin-top:9px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:27px 5%;position:relative;z-index:2}nav{display:flex;gap:34px;font-size:11px}.section{padding:95px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-heading h2{font:400 35px/1.6 var(--jp);margin-top:18px}.section-heading>p{font-size:11px;color:var(--muted);line-height:2.1}.filter-group{display:flex;gap:18px}.filter-group button{font-size:10px;border-bottom:1px solid transparent;padding:7px 0;color:var(--muted)}.filter-group button[aria-pressed=true]{border-color:var(--fg);color:var(--fg)}.filter-group span{font-size:7px;margin-left:7px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px}.project-card[hidden]{display:none}.project-card>button{width:100%}.card-visual{height:450px;padding:25px;background:var(--soft);position:relative;overflow:hidden}.card-visual img{height:100%;object-fit:contain}.card-open{position:absolute;right:15px;bottom:15px;background:var(--bg);width:30px;height:30px;display:grid;place-items:center;font-size:18px}.card-copy{padding-top:18px}.card-category{font-size:8px;letter-spacing:.1em;color:var(--muted)}.card-copy h3{font:500 18px/1.8 var(--jp);margin:9px 0}.card-copy p{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.card-copy p>span{font-size:8px;letter-spacing:.06em}.works-note{font-size:9px;color:var(--muted);margin-top:35px}.works-note small{display:block;font-size:8px;margin-top:5px}.services{background:var(--soft)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.service-grid article>span{font-size:9px;letter-spacing:.1em}.service-grid h3{font:500 22px var(--jp);margin:16px 0 24px}.service-grid img{height:300px;object-fit:cover}.service-grid small{font-size:7px;color:var(--muted);display:block;margin-top:8px}.service-grid p{font-size:11px;line-height:2;margin-top:20px}.profile{display:grid;grid-template-columns:.7fr 1fr;gap:13%;align-items:center;max-width:1150px;margin:auto}.profile-placeholder{height:380px;background:var(--soft);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}.profile-placeholder>span{font:500 100px var(--display);letter-spacing:-.04em;opacity:.22}.profile-placeholder>small{font-size:9px;color:var(--muted)}.profile-copy h2{font:500 35px var(--jp);margin:20px 0}.profile-copy h2 small{display:block;font:9px var(--sans);letter-spacing:.15em;margin-top:12px}.profile-job{font-size:10px;letter-spacing:.05em;margin:20px 0}.profile-copy>p:not(.profile-job){font-size:11px;line-height:2.1}.draft-note{display:block;font-size:8px;color:var(--muted);margin-top:22px}.profile-social{display:block;border-bottom:1px solid var(--line);padding:15px 0;font-size:10px;margin-top:15px}.contact{background:var(--fg);color:var(--bg);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15%}.contact h2{font:400 40px/1.65 var(--jp);margin:20px 0}.contact p{font-size:11px;opacity:.7}.contact>div:last-child>a{display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff60;padding:23px;font-size:12px}.contact small{display:block;font-size:8px;margin-top:12px;opacity:.6}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:35px 5%}footer>a:first-child{font:500 22px var(--jp)}footer>a:first-child span{font:8px var(--sans);margin-left:15px;letter-spacing:.15em}footer>span,footer>a:not(:first-child){font-size:8px;letter-spacing:.08em}footer>small{width:100%;font-size:7px;color:var(--muted)}.mock-label{font-size:8px;position:absolute;bottom:13px;right:15px;padding:7px 11px;background:#f9f8f1ed;color:#3c473c;z-index:2;line-height:1.6}.cta{display:flex;align-items:center;justify-content:space-between;gap:55px;max-width:230px;padding:16px 22px;background:var(--accent);color:#17342b;font-size:12px}
/* Direction 01 / FIELD — immersive photography and a separate portfolio shelf. */
.field-hero{height:600px;position:relative;background:#344839;color:white;overflow:hidden}.field-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%}.field-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102d29ed 0%,#132e25a0 36%,#172f2810 73%)}.field-intro{position:absolute;left:6%;top:170px}.field-intro h1{font:500 clamp(37px,4.4vw,67px)/1.7 var(--jp);letter-spacing:.01em;margin:22px 0 20px}.field-intro>p:not(.kicker){font-size:12px;line-height:2.1;margin-bottom:25px}.field-side-note{position:absolute;right:5%;top:150px;font:500 14px/1.4 var(--display);letter-spacing:.12em;text-align:right}.field-hero .mock-label{right:5%;bottom:16px}.field-shelf{padding:35px 6%;background:#1d3932;color:#f4f3ed;display:grid;grid-template-columns:.65fr 2.4fr;gap:6%;align-items:center}.field-shelf h2{font:400 24px/1.8 var(--jp);margin:15px 0}.field-shelf>div:first-child>a{font-size:9px;opacity:.7}.shelf-posters{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.shelf-posters button{display:block;width:100%}.shelf-posters img{height:210px;object-fit:contain;background:#29483f;padding:10px}.shelf-posters button>span{display:block;font-size:8px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e .project-card:nth-child(3n+1){grid-column:1/-1}.e .project-card:nth-child(3n+1)>button{display:grid;grid-template-columns:1.5fr 1fr;gap:9%;align-items:center}.e .project-card:nth-child(3n+1) .card-visual{height:510px}.e .project-card:nth-child(3n+1) h3{font-size:28px;line-height:1.9;margin:25px 0}.e .project-card:nth-child(3n+1) .card-copy p{flex-direction:column;gap:35px}.e .services{background:#dfe6d3}.e .service-grid article{border-top:1px solid #aeba9c;padding-top:20px}
/* Direction 02 / PLAYBILL — a side rail, print rules, paper and tickets. */
body.f{--bg:#f3e8bc;--fg:#342e23;--muted:#85785d;--line:#c7b990;--accent:#b12e22;--soft:#e9dba7}.f .direction-switch{background:#b12e22;color:#fff8e5}.f .site-content{margin-left:190px;border-left:1px solid #b12e22}.program-rail{position:fixed;top:70px;bottom:30px;left:30px;width:135px;display:flex;flex-direction:column;gap:35px;z-index:2}.program-rail .name{font-size:40px;line-height:1.45;letter-spacing:.15em}.program-rail .name small{font-size:7px;letter-spacing:.12em}.rail-job{font:500 12px/1.9 var(--jp);border-top:1px solid var(--line);padding-top:20px}.program-rail nav{flex-direction:column;gap:16px;font-size:10px}.rail-bottom{margin-top:auto;font:500 10px/1.8 var(--display);letter-spacing:.12em}.program-hero{padding:30px 5% 0}.program-mast{display:flex;justify-content:space-between;border-top:5px solid var(--fg);border-bottom:1px solid var(--fg);padding:10px 0;font:600 12px var(--display);letter-spacing:.12em}.program-composition{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:40px 0 25px;align-items:center}.outline-tag{display:inline-block;border:1px solid var(--accent);color:var(--accent);padding:5px 12px;font-size:9px}.program-copy h1{font:600 clamp(34px,3.5vw,54px)/1.65 var(--jp);margin:20px 0}.program-copy h1 em{font-style:normal;color:var(--accent);white-space:nowrap}.program-copy>p{font-size:11px;line-height:2.2}.program-arrow{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--fg);border-bottom:1px solid var(--fg);padding:15px 0;margin-top:25px;font-size:11px}.program-arrow>span{font-size:22px}.program-photo{position:relative;height:440px;align-self:center}.program-photo>figure:first-child{height:310px;position:relative;border:1px solid var(--fg);padding:8px}.program-photo>figure:first-child>img{height:100%;object-fit:cover;object-position:45% center}.program-photo .mock-label{right:12px;left:12px;bottom:13px;font-size:7px;padding:5px 7px}.program-ticket{position:absolute;left:-12px;bottom:33px;width:245px;background:var(--accent);color:#fff4d9;padding:18px 22px;transform:rotate(-7deg);z-index:2;border:1px dashed #f4e4b5;box-shadow:5px 7px 0 #342e2315}.program-ticket>span{display:block;font:500 10px var(--display);letter-spacing:.12em}.program-ticket strong{display:block;font:500 25px var(--jp);margin:9px 0}.program-ticket small{font-size:7px;letter-spacing:.08em}.wig-inset{position:absolute;right:-8px;bottom:4px;width:130px;background:var(--bg);padding:6px;border:1px solid var(--fg);transform:rotate(6deg)}.wig-inset img{height:145px;object-fit:cover}.wig-inset figcaption{font-size:6px;padding-top:6px}.program-feature{display:grid;grid-template-columns:65px repeat(3,1fr);gap:18px;border-top:1px solid var(--fg);border-bottom:4px solid var(--fg);padding:18px 0;align-items:center}.program-feature>span{font:500 12px var(--jp);writing-mode:vertical-rl;letter-spacing:.2em;justify-self:center}.program-feature>button{display:flex;align-items:center;gap:12px;border-left:1px solid var(--line);padding-left:15px}.program-feature img{height:100px;width:72px;object-fit:contain}.program-feature button>span{font:500 10px/1.9 var(--jp)}.f .section{padding:70px 5%}.f .section-heading{border-bottom:3px solid var(--fg);padding-bottom:23px}.f .section-heading h2{font-size:31px}.f .project-grid{grid-template-columns:1fr;gap:0}.f .project-card{border-bottom:1px solid var(--fg);padding:25px 0}.f .project-card>button{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.f .card-visual{height:300px;background:transparent;padding:0;display:flex;gap:10px}.f .card-visual img{width:56%;height:100%;object-fit:contain}.f .card-visual img:last-child:not(:first-child){width:39%;object-fit:cover;height:80%;align-self:center}.f .card-copy h3{font-size:23px;margin:20px 0}.f .card-copy p{flex-direction:column;gap:22px}.f .card-open{right:8px;bottom:8px;z-index:1}.f .service-grid{gap:22px}.f .service-grid img{height:220px}.f .service-grid h3{font-size:18px}.f .service-grid p{font-size:10px}.f .profile{gap:8%}.f .profile-placeholder{background:#e2d19c;border:1px solid var(--fg)}.f .contact{background:var(--accent);color:#fff8e5;gap:8%}.f .contact h2{font-size:34px}.f footer>a:first-child span{display:block;margin:8px 0 0}
/* Direction 03 / SIGNAL — cobalt, hard grids and bold Japanese type. */
body.g{--bg:#f7f9ff;--fg:#153ed3;--muted:#526cb5;--line:#bdcaef;--accent:#e1fc5c;--soft:#e5ebfc}.g .direction-switch{background:#153ed3;color:white}.studio-header{display:flex;justify-content:space-between;align-items:center;margin:0 4%;padding:25px 0;border-bottom:2px solid var(--fg)}.studio-name{font:700 35px/.86 var(--display);letter-spacing:-.02em;position:relative;padding-right:150px}.studio-name>span{position:absolute;left:145px;bottom:0;width:150px;font:500 10px var(--sans);letter-spacing:.02em}.studio-header nav{font-size:10px;gap:25px}.studio-hero{margin:0 4%;display:grid;grid-template-columns:1.1fr 1fr .35fr;border-bottom:2px solid var(--fg)}.studio-title{padding:28px 22px 24px 0;display:flex;flex-direction:column}.studio-title h1{font:900 clamp(37px,4.3vw,66px)/1.45 var(--sans);letter-spacing:-.06em;margin:22px 0 25px;white-space:nowrap}.studio-title h1>span{font-weight:400;font-size:.6em;margin-left:5px;vertical-align:middle}.studio-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-bottom p{font-size:11px;line-height:1.9}.studio-bottom>a{display:grid;place-items:center;background:var(--accent);color:var(--fg);width:65px;height:65px;border:2px solid var(--fg);font-size:34px}.studio-photo{position:relative;border-left:2px solid var(--fg);overflow:hidden}.studio-photo>img{height:100%;object-fit:cover;object-position:43% center}.studio-photo .mock-label{left:8px;right:8px;bottom:8px;font-size:7px;padding:6px 8px}.studio-stamp{position:absolute;top:25px;right:15px;background:var(--accent);color:var(--fg);font:700 27px/.9 var(--display);padding:12px;transform:rotate(9deg);border:2px solid var(--fg)}.studio-mini{background:#e1fc5c;border-left:2px solid var(--fg);padding:14px 9px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.studio-mini>span{font-size:7px;letter-spacing:.06em}.studio-mini>button{width:100%}.studio-mini img{height:235px;object-fit:contain}.studio-band{background:var(--fg);color:white;display:flex;justify-content:space-between;font:600 18px var(--display);letter-spacing:.1em;padding:13px 4%}.g .works{padding:55px 4% 75px}.g .section-heading h2{font:900 37px var(--sans);letter-spacing:-.04em}.g .project-grid{grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--fg);border-left:2px solid var(--fg)}.g .project-card{border-right:2px solid var(--fg);border-bottom:2px solid var(--fg)}.g .card-visual{height:360px;background:transparent;padding:20px}.g .project-card:nth-child(2n) .card-visual{background:#dfe9ff}.g .project-card:nth-child(3n) .card-visual{background:#eff6c5}.g .card-copy{padding:18px;border-top:1px solid var(--fg)}.g .card-category{font-weight:600;color:var(--fg)}.g .card-copy h3{font:700 15px/1.8 var(--sans)}.g .card-copy p>span{display:none}.g .card-open{background:var(--accent);border:1px solid var(--fg);right:10px;bottom:10px}.g .services{background:var(--fg);color:white}.g .section-heading>p{color:#c4d0ff}.g .service-grid{gap:0;border:2px solid white}.g .service-grid article{padding:23px;border-right:2px solid white}.g .service-grid article:last-child{border:0}.g .service-grid h3{font:700 22px var(--sans)}.g .service-grid img{height:280px}.g .service-grid small{color:#c4d0ff}.g .service-grid p{font-size:10px}.g .profile-placeholder{background:var(--accent);border:2px solid var(--fg)}.g .profile-placeholder>span{opacity:1;font-size:110px}.g .profile-copy h2{font:700 36px var(--sans)}.g .contact{background:var(--accent);color:var(--fg);border-top:2px solid var(--fg);border-bottom:2px solid var(--fg)}.g .contact h2{font:900 47px/1.5 var(--sans);letter-spacing:-.04em}.g .contact>div:last-child>a{border:2px solid var(--fg);background:var(--fg);color:white}.g .contact p{opacity:1}.g .contact small{opacity:.8}
/* Project galleries, shared accessible behavior across all three visual systems. */
dialog{border:0;padding:0;background:var(--bg);color:var(--fg);width:min(1250px,96vw);max-width:none;max-height:96dvh;overscroll-behavior:contain}dialog::backdrop{background:#101d1bd9;backdrop-filter:blur(8px)}.dialog-toolbar{display:flex;justify-content:space-between;padding:17px 5%;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5;font-size:9px}.dialog-toolbar button{font-size:10px}.work-overview{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:45px 6%;align-items:center}.work-cover{height:520px;background:var(--soft);padding:25px}.work-cover img{height:100%;object-fit:contain}.work-description h2{font:500 27px/1.7 var(--jp);margin:22px 0}.work-description dl{border-top:1px solid var(--line);padding-top:20px;margin:25px 0}.work-description dt{font-size:8px;color:var(--muted)}.work-description dd{font-size:11px;margin:8px 0}.work-description>p{font-size:11px;line-height:2}.work-description>small{display:block;font-size:8px;color:var(--muted);line-height:2;margin-top:20px}.gallery-heading{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;margin:0 6%;font-size:9px}.gallery-heading>span:last-child{font-size:8px}.work-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0 6% 45px}.work-gallery button{display:block;width:100%;background:var(--soft);position:relative;padding:12px}.work-gallery img{height:300px;object-fit:contain}.work-gallery button>span{position:absolute;right:10px;bottom:10px;background:var(--bg);padding:0 7px}.work-gallery figcaption{font-size:7px;letter-spacing:.1em;margin-top:10px}.next-project{display:flex;justify-content:space-between;gap:25px;margin:0 6% 40px;padding-top:25px;border-top:1px solid var(--line);width:88%;font-size:12px}.next-project>span{font-size:8px}#image-dialog{width:100vw;height:100dvh;max-height:none;margin:0;padding:55px 5% 65px;background:#101c19;color:white}#image-dialog>button{position:absolute;right:5%;top:18px;font-size:11px}#full-image{height:100%;object-fit:contain}.image-nav{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;display:flex;align-items:center;gap:25px}.image-nav button{font-size:25px;padding:0 10px}.image-nav span{font-size:10px;white-space:nowrap}
@media(max-width:1050px){.field-hero{height:580px}.field-intro h1{font-size:46px}.field-shelf{gap:4%;padding-left:5%;padding-right:5%}.field-shelf h2{font-size:21px}.shelf-posters{gap:14px}.shelf-posters img{height:175px}.project-card .card-visual{height:380px}.f .site-content{margin-left:155px}.program-rail{left:22px;width:110px}.program-rail .name{font-size:34px}.program-copy h1{font-size:34px}.program-composition{gap:5%}.program-photo{height:400px}.program-photo>figure:first-child{height:275px}.program-ticket{width:210px;left:-10px;bottom:30px}.program-ticket strong{font-size:22px}.wig-inset{width:110px}.wig-inset img{height:120px}.program-feature{gap:10px;grid-template-columns:40px repeat(3,1fr)}.program-feature button{padding-left:10px;gap:8px}.program-feature img{width:55px;height:85px}.program-feature button>span{font-size:8px}.f .card-visual{height:270px}.f .card-copy h3{font-size:20px}.f .service-grid img{height:190px}.studio-title h1{font-size:42px}.studio-header nav{gap:19px}.studio-photo .mock-label{font-size:6px}.studio-mini img{height:180px}.g .card-visual{height:300px}.service-grid img{height:260px}.g .service-grid img{height:230px}.profile{gap:9%}}
@media(max-width:750px){.direction-switch{padding:8px 5%;font-size:8px}.direction-switch>div{gap:19px}.direction-switch>a:last-child{font-size:7px}.section{padding:60px 5%}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}.section-heading h2{font-size:28px;margin-top:14px}.section-heading>p{font-size:10px}.filter-group{gap:25px}.filter-group button{font-size:9px}.project-grid{grid-template-columns:1fr 1fr;gap:30px 17px}.project-card .card-visual{height:275px;padding:13px}.card-copy{padding-top:13px}.card-category{font-size:7px}.card-copy h3{font-size:13px}.card-copy p{font-size:7px}.card-copy p>span{display:none}.card-open{width:25px;height:25px;right:8px;bottom:8px}.works-note{font-size:8px;line-height:2}.works-note small{font-size:7px}.service-grid{grid-template-columns:1fr;gap:35px}.service-grid h3{font-size:23px;margin:12px 0 18px}.service-grid img{height:360px}.service-grid p{font-size:11px}.service-grid small{font-size:8px}.profile{grid-template-columns:1fr;gap:30px;padding-left:8%;padding-right:8%}.profile-placeholder{height:310px;max-width:300px;width:100%;margin:auto}.profile-copy h2{font-size:32px}.profile-copy>p:not(.profile-job){font-size:11px}.contact{grid-template-columns:1fr;gap:28px}.contact h2{font-size:35px}.contact p{font-size:10px}.contact>div:last-child>a{font-size:11px;padding:20px}.contact small{font-size:8px}footer{padding:25px 5%}footer>a:first-child{font-size:20px}footer>a:first-child span{display:none}footer>span{display:none}footer>a:not(:first-child){font-size:8px}footer>small{font-size:7px}.site-header{padding:22px 5%}.name{font-size:22px}.name small{font-size:7px}nav{gap:20px;font-size:10px}nav>a:nth-child(2),nav>a:nth-child(3){display:none}.field-hero{height:590px}.field-background{object-position:42% center}.field-shade{background:linear-gradient(90deg,#102d29ed,#102d2965 85%),linear-gradient(0deg,#102d2999,transparent 55%)}.field-intro{left:6%;top:165px;right:5%}.field-intro h1{font-size:36px;line-height:1.75;margin:22px 0}.field-intro>p:not(.kicker){font-size:11px}.field-hero .mock-label{bottom:15px;left:5%;right:auto;font-size:7px;padding:6px 9px}.field-side-note{top:110px;right:5%;font-size:10px;opacity:.7}.field-shelf{grid-template-columns:1fr;gap:20px;padding:28px 5%}.field-shelf>div:first-child{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap}.field-shelf h2{font-size:20px;margin:0}.field-shelf>div:first-child .kicker{width:100%;font-size:8px}.field-shelf>div:first-child>a{font-size:8px}.shelf-posters{grid-template-columns:repeat(4,1fr);gap:9px}.shelf-posters img{height:125px;padding:5px}.shelf-posters button>span{font-size:6px}.e .project-card:nth-child(3n+1)>button{display:block}.e .project-card:nth-child(3n+1) .card-visual{height:420px}.e .project-card:nth-child(3n+1) h3{font-size:21px;margin:12px 0}.e .project-card:nth-child(3n+1) .card-copy p{flex-direction:row;gap:10px}.f .site-content{margin-left:0;border-left:0}.program-rail{position:relative;left:0;top:0;bottom:auto;width:auto;margin:0 5%;padding:22px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid var(--fg)}.program-rail .name{font-size:26px;line-height:1;letter-spacing:.1em}.program-rail .name br{display:none}.program-rail .name small{font-size:7px;margin-top:12px}.rail-job{display:none}.program-rail nav{flex-direction:row;justify-content:end;gap:20px;align-items:center;font-size:9px}.rail-bottom{display:none}.program-hero{padding:20px 5% 0}.program-mast{font-size:9px;border-top-width:3px;padding:8px 0;letter-spacing:.1em}.program-composition{grid-template-columns:1fr;gap:25px;padding:25px 0 20px}.program-copy h1{font-size:38px;line-height:1.6;margin:15px 0}.program-copy h1 br:first-of-type{display:none}.outline-tag{font-size:8px;padding:4px 9px}.program-copy>p{font-size:10px;line-height:2}.program-arrow{margin-top:20px;padding:12px 0;font-size:10px}.program-photo{height:350px;width:90%;margin:5px auto 0}.program-photo>figure:first-child{height:250px}.program-ticket{width:215px;bottom:15px;padding:15px 18px}.program-ticket strong{font-size:22px}.wig-inset{right:-12px;bottom:0;width:110px}.wig-inset img{height:120px}.program-feature{grid-template-columns:25px repeat(3,1fr);gap:9px;padding:13px 0}.program-feature>span{font-size:10px}.program-feature>button{display:block;padding-left:8px}.program-feature img{width:100%;height:105px}.program-feature button>span{display:block;font-size:7px;margin-top:8px;line-height:1.7}.f .section{padding:55px 5%}.f .section-heading{padding-bottom:20px}.f .section-heading h2{font-size:29px}.f .project-card>button{grid-template-columns:1fr 1fr;gap:6%}.f .card-visual{height:245px;padding:0;gap:6px}.f .card-visual img{width:100%}.f .card-visual img:last-child:not(:first-child){display:none}.f .card-copy h3{font-size:17px;margin:15px 0}.f .card-copy p{gap:12px}.f .card-copy p>span{display:block;font-size:7px}.f .service-grid{gap:35px}.f .service-grid img{height:330px}.f .service-grid h3{font-size:24px}.f .contact h2{font-size:35px}.studio-header{margin:0 5%;padding:22px 0}.studio-name{font-size:30px;padding-right:0}.studio-name>span{position:static;display:block;font-size:8px;letter-spacing:.02em;margin-top:10px;width:auto}.studio-header nav{font-size:9px;gap:18px}.studio-hero{margin:0 5%;grid-template-columns:1fr 1fr}.studio-title{grid-column:1/-1;padding:23px 0 25px}.studio-title .kicker{font-size:8px}.studio-title h1{font-size:45px;line-height:1.35;letter-spacing:-.06em;margin:18px 0}.studio-title h1 br:first-of-type{display:none}.studio-bottom p{font-size:10px}.studio-bottom>a{width:52px;height:52px;font-size:28px}.studio-photo{height:280px;border-left:0;border-top:2px solid var(--fg);grid-column:1/2}.studio-photo>img{object-position:42% center}.studio-photo .mock-label{font-size:6px;line-height:1.6;left:5px;right:5px;padding:5px}.studio-stamp{font-size:19px;padding:8px;right:9px;top:16px}.studio-mini{grid-column:2/3;border-top:2px solid var(--fg);padding:12px 15px;gap:10px}.studio-mini img{height:210px}.studio-mini>span{font-size:6px}.studio-band{padding:12px 5%;font-size:10px;letter-spacing:.06em}.g .works{padding:40px 5% 55px}.g .section-heading h2{font-size:29px}.g .project-grid{grid-template-columns:1fr 1fr}.g .card-visual{height:260px;padding:12px}.g .card-copy{padding:12px}.g .card-copy h3{font-size:12px}.g .card-category{font-size:7px}.g .service-grid{grid-template-columns:1fr}.g .service-grid article{border-right:0;border-bottom:2px solid white;padding:22px}.g .service-grid img{height:340px}.g .service-grid h3{font-size:23px}.g .profile-copy h2{font-size:32px}.g .contact h2{font-size:38px}.mock-label{font-size:7px}.work-overview{grid-template-columns:1fr;gap:25px;padding:25px 6%}.work-cover{height:440px;padding:20px}.work-description h2{font-size:23px;margin:18px 0}.work-description>p{font-size:10px}.work-gallery{grid-template-columns:1fr 1fr;gap:25px 15px}.work-gallery img{height:235px}.gallery-heading{font-size:8px;gap:20px}.gallery-heading>span:last-child{font-size:7px}.next-project{font-size:11px}.next-project>span{font-size:7px;min-width:90px}.dialog-toolbar{font-size:8px}dialog{width:100vw;height:100dvh;max-height:100dvh}}
@media(max-width:390px){.field-intro h1{font-size:32px}.shelf-posters img{height:115px}.program-copy h1{font-size:34px}.program-feature img{height:90px}.studio-title h1{font-size:39px}.g .card-visual{height:235px}.g .card-copy h3{font-size:11px}.project-card .card-visual{height:245px}.f .card-visual{height:220px;padding:0}.f .card-copy h3{font-size:15px}.work-gallery img{height:200px}.work-cover{height:390px}}
.program-photo .mock-label{top:12px;bottom:auto}
@media(max-width:750px){.studio-title h1 br:first-of-type{display:initial}.program-copy h1{font-size:31px}.program-photo{height:220px}.program-photo>figure:first-child{height:185px}.program-photo .mock-label{font-size:7px}.program-ticket{width:180px;bottom:-3px;padding:12px 15px}.program-ticket strong{font-size:20px}.program-ticket>span{font-size:8px}.program-ticket small{font-size:6px}.wig-inset{width:93px;right:-10px;bottom:-5px}.wig-inset img{height:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}