/* Manrope font license — included in standalone exports.
Copyright 2018 The Manrope Project Authors (https://github.com/googlefonts/manrope)

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL


-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded, 
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

*/
@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--bg,#f2f0e9);color:var(--ink,#20221e);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,textarea,select{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent,#c8fc5b)}button{border:0;background:none}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1,h2{line-height:1;letter-spacing:-.055em}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em}.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;font-size:10px;letter-spacing:.16em;font-weight:500}.muted{opacity:.65}.wrap{width:min(1440px,100%);margin:auto;padding:0 5.5vw}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.logo{font-weight:800;font-size:28px;letter-spacing:-.07em;line-height:1}.site-nav{display:flex;gap:28px;font-size:12px}.site-nav a:hover{opacity:.6}.top-role{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.arrow{font-size:1.3em}.line-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid currentColor;padding:10px 0;font-size:12px}.pill{display:inline-flex;align-items:center;gap:12px;padding:13px 21px;border-radius:100px;border:1px solid currentColor;font-size:12px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(32px,4vw,60px)}.section{padding-top:90px;padding-bottom:90px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0 30px}.filter{font-size:11px;padding:7px 16px;border:1px solid var(--line);border-radius:30px}.filter.active{background:var(--ink);color:var(--bg)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 26px}.project{min-width:0}.project-button{display:block;text-align:left;width:100%;padding:0}.project-image{display:block;aspect-ratio:16/10;position:relative;overflow:hidden;background:var(--line)}.project-image img{transition:transform .4s ease;filter:var(--image-filter,none)}.project-button:hover img{transform:scale(1.025)}.play{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff80;border-radius:100%;width:44px;height:44px;display:grid;place-items:center;background:#1114;color:#fff;backdrop-filter:blur(8px);font-size:12px}.demo-tag{position:absolute;top:14px;left:14px;color:#fff;background:#10101083;padding:4px 8px;border-radius:2px;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:14px}.project-meta h3{font-size:17px;letter-spacing:-.025em}.project-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.65}.project-desc{display:none}.project[hidden]{display:none!important}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line)}.about-text{max-width:850px;font-size:clamp(26px,3.5vw,49px);line-height:1.16;letter-spacing:-.045em}.skills-line{font-size:11px;line-height:1.9;margin-top:30px;text-transform:uppercase;letter-spacing:.08em}.contact{padding:80px 0 50px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(50px,9vw,130px);max-width:1000px;margin:26px 0}.contact-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:60px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.site-footer{padding-bottom:105px}.demo-notice{margin-top:28px;font-size:10px;opacity:.55;max-width:600px}.switcher{z-index:30;position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:7px;border:1px solid #ffffff26;background:#20221ef0;color:#faf9f1;border-radius:12px;box-shadow:0 8px 35px #0003;backdrop-filter:blur(16px);font-size:11px;white-space:nowrap}.switcher a,.switcher button{padding:9px 13px;border-radius:7px}.switcher a.active{background:#e7e9dd;color:#20221e}.switcher a:hover{background:#ffffff22}.switcher .divider{width:1px;height:20px;background:#ffffff30;margin:0 2px}.switcher .all{color:#cbe880}.switcher .close-switch{padding:8px}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:#fff;color:#000;padding:10px}.skip:focus{top:10px}.dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:currentColor;margin-right:8px}
/* 01 CINEMA */
.cinema{--bg:#101310;--ink:#eeeede;--accent:#c9d8a1;--line:#ffffff25}.cinema .site-header{border:0}.cinema .cinema-hero{height:min(770px,85vh);min-height:520px;position:relative;margin:0 22px;overflow:hidden}.cinema-hero>img{filter:brightness(.5) saturate(.7);object-position:center 60%}.cinema-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1117,transparent 80%),linear-gradient(0deg,#10131066,transparent 55%)}.cinema-hero-copy{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:center;padding:6vw}.cinema-hero h1{font-size:clamp(66px,9.3vw,142px);max-width:1000px;margin:28px 0 36px}.cinema-hero h1 em{font-weight:400;color:#d3dfb7}.cinema-hero .pill{align-self:start}.hero-foot{position:absolute;z-index:2;bottom:30px;left:6vw;right:6vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.cinema .section-head h2{font-family:Georgia,serif;font-weight:400}.cinema .project-image{aspect-ratio:16/9}.cinema .contact h2{font-family:Georgia,serif}.cinema .project:nth-child(3) .project-image,.cinema .project:nth-child(4) .project-image{aspect-ratio:16/11}
/* 02 EDITORIAL */
.editorial{--bg:#f5f1e8;--ink:#32352c;--accent:#8b4c32;--line:#32352c35}.editorial .logo{font-family:Georgia,serif;font-weight:400;font-size:37px}.editorial-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;padding-top:65px;padding-bottom:70px;align-items:center}.editorial-hero h1{font-size:clamp(58px,6.8vw,110px);margin:32px 0}.editorial-hero h1 em{color:#8d5b3e;font-weight:400}.editorial-hero p{font-size:13px;max-width:280px;line-height:1.8}.editorial-feature{position:relative;padding-left:25px}.editorial-feature img{aspect-ratio:4/5;max-height:610px;object-position:55% center}.editorial-feature .vertical-label{position:absolute;left:0;top:0;writing-mode:vertical-rl;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.editorial-feature .feature-caption{display:flex;justify-content:space-between;font-size:10px;margin-top:13px}.editorial .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 6vw}.editorial .project:nth-child(even){padding-top:90px}.editorial .project-image{aspect-ratio:4/3}.editorial .project:nth-child(3n) .project-image{aspect-ratio:4/5}.editorial .project-meta h3{font-family:Georgia,serif;font-size:26px}.editorial .section-head h2,.editorial .about-text,.editorial .contact h2{font-family:Georgia,serif}.editorial .contact h2{font-style:italic}.editorial .about{margin-top:50px}
/* 03 INDEX */
.index-theme{--bg:#e9eae5;--ink:#24271f;--accent:#566136;--line:#24271f33}.index-shell{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:100vh}.index-side{border-right:1px solid var(--line);padding:38px 28px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.index-side .logo{font-size:65px}.index-side .side-role{font-size:10px;text-transform:uppercase;letter-spacing:.08em;max-width:140px;margin-top:25px}.index-side nav{display:flex;flex-direction:column;gap:15px;margin-top:65px;font-size:12px}.index-side .side-foot{margin-top:auto;font-size:9px;line-height:2}.index-main{padding:38px 40px 0;min-width:0}.index-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.index-hero{padding:75px 0 30px}.index-hero h1{font-size:clamp(42px,5vw,78px);font-weight:500}.index-hero p{max-width:440px;font-size:13px;margin-top:24px}.index-theme .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 17px}.index-theme .project-image{aspect-ratio:4/3}.index-theme .project-meta{display:block}.index-theme .project-meta h3{font-size:13px;margin-bottom:6px}.index-theme .play{width:30px;height:30px;bottom:12px;right:12px;font-size:9px}.index-theme .project-image img{transition:none}.index-theme .project-button:hover img{transform:none}.index-theme .project-button:hover .project-meta h3{text-decoration:underline}.index-theme .about{grid-template-columns:1fr 3fr;padding:75px 0;margin-top:75px}.index-theme .about-text{font-size:30px}.index-theme .contact h2{font-size:64px}.index-theme .filters{margin-bottom:35px}.index-theme .filter{border-radius:2px}.index-theme .filter.active{background:#d3ed9b;color:#24271f}.index-theme .contact{padding-top:60px}
/* 04 SIGNAL */
.signal{--bg:#183af2;--ink:#f2f3de;--accent:#dcff85;--line:#ffffff55}.signal .logo{font-size:34px}.signal .top-role{max-width:170px}.signal-hero{padding-top:55px;padding-bottom:55px;display:grid;grid-template-columns:1.15fr 1fr;gap:4vw;align-items:center}.signal-hero h1{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(70px,11vw,168px);letter-spacing:-.085em;line-height:.85;margin:30px 0}.signal-hero h1 span{color:#dcff85}.signal-hero p{font-size:13px;max-width:290px;margin:30px 0}.signal-feature{position:relative;transform:rotate(3deg);border:10px solid #dcff85;box-shadow:15px 15px 0 #071eb2;margin:15px 15px 35px}.signal-feature img{aspect-ratio:4/5}.signal-feature .feature-label{position:absolute;bottom:0;left:0;right:0;background:#dcff85;color:#1c36d5;padding:12px;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;font-weight:700}.signal-strip{display:flex;justify-content:space-between;padding:22px 5.5vw;background:#dcff85;color:#1738ee;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;gap:15px}.signal .section-head h2{font-size:70px;font-weight:800}.signal .project-image{aspect-ratio:4/3;border:1px solid #ffffff40}.signal .project-meta h3{font-weight:700;font-size:24px}.signal .project:nth-child(3){grid-column:span 2}.signal .project:nth-child(3) .project-image{aspect-ratio:21/9}.signal .about-text{font-weight:700}.signal .contact h2{font-weight:800;color:#dcff85}.signal .filter.active{background:#dcff85;color:#1738ee}
/* 05 STORY */
.story{--bg:#291d25;--ink:#edddcd;--accent:#d1ac7b;--line:#edddcd40}.story .logo{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:34px}.story-hero{padding-top:70px;text-align:center;position:relative}.story-hero h1{font-size:clamp(65px,8vw,125px);margin:26px auto 40px;max-width:1000px}.story-hero h1 em{font-weight:400;color:#cfa682}.story-hero p{font-size:12px;max-width:350px;margin:0 auto 40px;line-height:1.8}.story-window{position:relative;width:74%;margin:auto;height:clamp(250px,43vw,620px);border-radius:220px 220px 0 0;overflow:hidden}.story-window img{filter:brightness(.75) saturate(.65)}.story-window .pill{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;background:#291d2580;white-space:nowrap}.story .section-head{justify-content:center;text-align:center}.story .section-head h2{font-family:Georgia,serif;font-size:60px}.story .section-head .eyebrow{display:none}.story .filters{justify-content:center}.story .work-grid{display:block}.story .project{border-top:1px solid var(--line);padding:40px 0}.story .project-button{display:grid;grid-template-columns:1.4fr 1fr;gap:5vw;align-items:center}.story .project:nth-child(even) .project-image{order:2}.story .project-image{aspect-ratio:16/10}.story .project-meta{display:block}.story .project-meta h3{font-family:Georgia,serif;font-size:clamp(30px,4vw,62px);margin:20px 0}.story .project-meta span{font-size:10px}.story .project-desc{display:block;font-size:12px;line-height:1.9;opacity:.65;max-width:300px;margin-top:25px}.story .about-text{font-family:Georgia,serif}.story .contact{text-align:center}.story .contact h2{font-family:Georgia,serif;margin:30px auto;font-style:italic}.story .contact-bottom{text-align:left}
/* MODALS */
dialog{padding:0;border:1px solid #ffffff25;background:#171a16;color:#f4f1e8;max-width:min(1100px,94vw);width:100%;max-height:90vh;border-radius:8px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#000c;backdrop-filter:blur(9px)}.modal-top{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;border-bottom:1px solid #ffffff20}.modal-top span{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.modal-close{font-size:22px;width:36px;height:36px;border:1px solid #ffffff40;border-radius:50%}.modal-media{background:#090b09;position:relative;display:flex;justify-content:center;min-height:200px}.modal-media img{max-height:50vh;object-fit:contain}.modal-media video{display:block;width:100%;max-height:64vh;object-fit:contain}.modal-media iframe{width:100%;aspect-ratio:16/9;border:0;min-height:230px}.modal-caption{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#000b;border-radius:5px;padding:8px 14px;font-size:11px;max-width:90%;white-space:normal;text-align:center}.modal-info{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.modal-info h2{font-size:38px;margin:10px 0 20px}.modal-info p{font-size:13px;color:#aaa;line-height:1.8}.modal-info .role{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.contact-modal{max-width:550px}.contact-modal-content{padding:40px}.contact-modal h2{font-size:44px;margin-bottom:22px}.contact-modal p{font-size:14px;color:#bbb;margin-bottom:25px}
/* HUB */
.hub{--bg:#eeefe7;--ink:#24271f;--line:#24271f30;--accent:#76864c}.hub .wrap{max-width:1380px}.hub .site-header .logo{font-size:17px;letter-spacing:-.04em}.hub .site-header .logo span{font-weight:400;opacity:.45}.hub-intro{padding:70px 0 45px}.hub-intro-top{display:flex;justify-content:space-between;gap:30px;align-items:end}.hub-intro h1{font-size:clamp(45px,6vw,88px);line-height:1.08;max-width:1000px;margin:24px 0}.hub-intro h1 em{font-family:Georgia,serif;font-weight:400}.hub-intro p{max-width:465px;font-size:14px;line-height:1.8}.hub-stats{display:flex;gap:35px;border-top:1px solid var(--line);padding:22px 0;margin-top:35px;font-size:11px;color:#606658}.hub-stats strong{font-weight:600;color:#24271f}.directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 25px;padding:10px 0 80px}.direction{min-width:0}.direction:first-child{grid-column:span 2}.direction-preview{position:relative;display:block;height:330px;overflow:hidden;border:1px solid #24271f20}.direction:first-child .direction-preview{height:490px}.preview-open{position:absolute;right:18px;bottom:18px;background:#f3f3e8;color:#222;padding:10px 15px;border-radius:40px;font-size:11px;z-index:3;box-shadow:0 3px 10px #0002}.direction-meta{display:flex;justify-content:space-between;gap:20px;padding-top:18px}.direction-meta h2{font-size:24px;letter-spacing:-.03em;margin-bottom:7px}.direction-meta p{font-size:12px;max-width:430px;opacity:.65}.direction-number{font-family:Georgia,serif;font-size:30px;opacity:.4}.mini-cinema{background:#101310;padding:24px 30px;color:#eeefdd;height:100%}.mini-nav{display:flex;align-items:center;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.12em;position:relative;z-index:2}.mini-nav strong{font-size:17px;letter-spacing:-.06em}.mini-cinema-bg{position:absolute;inset:65px 25px 20px}.mini-cinema-bg img{filter:brightness(.5)}.mini-cinema-title{position:relative;z-index:1;padding:55px 55px;font-family:Georgia,serif;font-size:clamp(42px,5.7vw,84px);line-height:1;color:#f3efe0;letter-spacing:-.05em}.mini-cinema-title em{color:#d5e2b4}.mini-cinema-title small{display:block;font-size:9px;font-family:Arial;letter-spacing:.12em;text-transform:uppercase;margin-top:30px}.mini-editorial{height:100%;background:#f7f1e6;color:#2f3727;padding:22px}.mini-editorial .mini-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:245px;padding-top:28px}.mini-editorial .mini-title{font-family:Georgia,serif;font-size:44px;line-height:.98;letter-spacing:-.07em;align-self:center}.mini-editorial .mini-title em{color:#915f47}.mini-editorial img{height:225px}.mini-index{height:100%;background:#e3e5dd;display:grid;grid-template-columns:100px 1fr}.mini-side{border-right:1px solid #0002;padding:24px 15px;font-size:28px;font-weight:800;letter-spacing:-.08em}.mini-side small{display:block;font-size:7px;font-weight:400;line-height:1.7;letter-spacing:0;margin-top:30px}.mini-index-main{padding:24px 18px}.mini-index-main h3{font-size:25px;font-weight:500;line-height:1.1;letter-spacing:-.05em}.mini-contactsheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:25px}.mini-contactsheet img{height:72px}.mini-signal{height:100%;background:#183af2;color:#f2f3df;padding:24px}.mini-signal-content{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;padding-top:40px}.mini-signal h3{font-family:Arial;font-size:67px;font-weight:900;line-height:.85;letter-spacing:-.09em}.mini-signal h3 span{color:#dcff85}.mini-signal img{height:195px;transform:rotate(4deg);border:7px solid #dcff85}.mini-story{background:#291d25;color:#edddcd;height:100%;padding:24px;position:relative}.mini-story h3{font-family:Georgia,serif;font-size:42px;line-height:.95;text-align:center;position:relative;z-index:2;margin-top:20px}.mini-story img{position:absolute;top:145px;width:65%;left:17.5%;height:210px;border-radius:100px 100px 0 0;filter:brightness(.7)}.hub-note{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding:60px 0}.hub-note h2{font-size:40px;max-width:400px;margin-top:15px}.hub-note p{font-size:13px;line-height:1.9}.reference-list{margin-top:25px}.reference-row{display:grid;grid-template-columns:130px 1fr;gap:25px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.reference-row a{text-decoration:underline;text-underline-offset:4px}.reference-row span{opacity:.7}.hub-footer{padding:30px 0 45px;border-top:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;gap:30px}.recommend{color:#64733f;font-size:9px;text-transform:uppercase;letter-spacing:.09em;margin:0 0 8px;display:block}
/* EDITOR */
.editor-page{--bg:#eff0e8;--ink:#23271f;--line:#23271f28;--accent:#879859}.editor-layout{display:grid;grid-template-columns:250px 1fr;gap:60px;padding:55px 0 90px}.editor-aside{position:sticky;top:35px;align-self:start}.editor-aside h1{font-size:37px;margin-bottom:22px}.editor-aside p{font-size:12px;line-height:1.8;color:#69705f}.editor-aside .pill{margin-top:24px;font-size:11px}.editor-form h2{font-size:25px;margin-bottom:25px}.form-section{border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:block;margin:0 0 16px;font-size:11px;font-weight:500}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #24271f35;background:#ffffff90;padding:12px;margin-top:8px;border-radius:3px;color:#24271f;min-width:0;font-size:13px}.field textarea{resize:vertical;min-height:90px}.field input[type=file]{font-size:11px}.field small{display:block;font-size:10px;opacity:.6;margin-top:6px;font-weight:400}.editor-project{display:grid;grid-template-columns:120px 1fr;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.editor-project>img{height:160px;object-fit:cover;border-radius:3px}.editor-project-fields{min-width:0}.editor-project-fields .form-grid{gap:15px}.editor-buttons{display:flex;gap:10px;flex-wrap:wrap}.solid-button{background:#283026;color:#f1f2e8;border:1px solid #283026;padding:12px 20px;border-radius:4px;font-size:12px}.outline-button{border:1px solid #28302650;padding:12px 20px;border-radius:4px;font-size:12px}.danger-button{font-size:11px;text-decoration:underline;color:#9b3424;padding:7px 0}.editor-status{font-size:12px;margin:18px 0;min-height:20px;color:#50653a}.editor-export{background:#e1e5d6;padding:24px;margin-top:30px;border-radius:5px}.editor-export h3{font-size:19px;margin-bottom:10px}.editor-export p{font-size:12px;line-height:1.8;margin-bottom:20px}.editor-warning{font-size:11px!important;opacity:.8}.editor-preview-links{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;font-size:11px}.editor-preview-links a{text-decoration:underline}.reset-dialog{max-width:500px;padding:30px}.reset-dialog h2{font-size:26px;margin-bottom:16px}.reset-dialog p{font-size:13px;color:#bbb;margin-bottom:25px}.reset-dialog .outline-button{border-color:#fff8;color:#fff}
@media(min-width:1600px){.wrap{padding-left:70px;padding-right:70px}.cinema-hero-copy{padding-left:8vw}.index-theme .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.top-role{display:none}.index-shell{grid-template-columns:170px 1fr}.index-side{padding:30px 20px}.index-main{padding:30px 25px 0}.index-theme .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-hero h1{font-size:12vw}.mini-signal h3{font-size:55px}.switcher .text-label{display:none}.mini-editorial .mini-title{font-size:38px}.editor-layout{gap:30px;grid-template-columns:220px 1fr}}
@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.site-header{padding-top:22px;padding-bottom:22px;gap:15px}.site-nav{gap:18px;font-size:11px}.logo{font-size:25px}.section{padding-top:60px;padding-bottom:60px}.section-head{align-items:start}.section-head .eyebrow{font-size:8px;max-width:100px;text-align:right}.section-head h2{font-size:35px}.work-grid{gap:30px 15px;grid-template-columns:1fr}.project-meta h3{font-size:17px}.about{grid-template-columns:1fr;gap:25px}.about-text{font-size:31px}.contact{padding:50px 0 30px}.contact h2{font-size:65px}.contact-bottom{font-size:8px;gap:20px;flex-wrap:wrap;margin-top:40px}.switcher{bottom:12px;gap:1px;max-width:96vw;font-size:10px;padding:5px;border-radius:9px}.switcher a,.switcher button{padding:8px 10px}.switcher .all{font-size:0;padding:8px}.switcher .all:after{content:'←';font-size:17px}.switcher .edit-link{font-size:0;padding:8px}.switcher .edit-link:after{content:'✎';font-size:17px}.cinema .cinema-hero{margin:0 10px;height:660px;min-height:0;max-height:83vh}.cinema-hero-copy{padding:32px}.cinema-hero h1{font-size:66px;line-height:.98;margin:24px 0 32px}.hero-foot{left:32px;right:32px;font-size:8px;bottom:24px}.cinema .project:nth-child(3) .project-image,.cinema .project:nth-child(4) .project-image{aspect-ratio:16/9}.editorial-hero{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:30px}.editorial-hero h1{font-size:68px;margin:24px 0}.editorial-hero p{max-width:350px}.editorial-feature{margin-left:15%;padding-left:22px}.editorial-feature img{height:370px;max-height:none}.editorial .work-grid{gap:35px;grid-template-columns:1fr}.editorial .project:nth-child(even){padding-top:0}.editorial .project:nth-child(3n) .project-image{aspect-ratio:4/3}.index-shell{display:block}.index-side{position:static;height:auto;display:grid;grid-template-columns:1fr 1fr;padding:24px 22px;border-right:0;border-bottom:1px solid var(--line);gap:15px}.index-side .logo{font-size:42px}.index-side .side-role{margin:0;justify-self:end;text-align:right;align-self:center}.index-side nav{flex-direction:row;margin:0;gap:25px;grid-column:span 2;font-size:11px}.index-side .side-foot{display:none}.index-main{padding:26px 22px 0}.index-hero{padding:45px 0 15px}.index-hero h1{font-size:45px}.index-theme .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.index-theme .project-image{aspect-ratio:1/1}.index-theme .project-meta span{font-size:8px}.index-theme .demo-tag{font-size:6px;top:8px;left:8px;padding:3px 5px}.index-theme .about{display:block;margin-top:50px;padding:50px 0}.index-theme .about-text{font-size:28px;margin-top:25px}.index-theme .contact h2{font-size:54px}.signal-hero{grid-template-columns:1fr;gap:30px;padding-top:35px}.signal-hero h1{font-size:24vw;max-width:100%;margin:25px 0}.signal-hero p{margin:25px 0;max-width:340px}.signal-feature{width:74%;margin:0 10% 20px 16%;border-width:7px}.signal-feature img{aspect-ratio:1/1}.signal-strip{font-size:8px;padding:17px 22px;gap:10px;flex-wrap:wrap}.signal .section-head h2{font-size:48px}.signal .project:nth-child(3){grid-column:auto}.signal .project:nth-child(3) .project-image{aspect-ratio:4/3}.signal .project-meta h3{font-size:23px}.story-hero{padding-top:50px}.story-hero h1{font-size:65px;margin:25px 0}.story-hero p{font-size:12px;max-width:280px;margin-bottom:30px}.story-window{width:95%;height:360px;border-radius:160px 160px 0 0}.story .section-head h2{font-size:46px}.story .project{padding:30px 0}.story .project-button{display:flex;flex-direction:column;gap:12px;align-items:stretch}.story .project:nth-child(even) .project-image{order:0}.story .project-meta h3{font-size:38px;margin:10px 0}.story .project-desc{margin-top:15px;max-width:100%}.modal-info{grid-template-columns:1fr;padding:22px;gap:22px}.modal-info h2{font-size:30px;margin:10px 0}.modal-top{padding:10px 16px}.modal-caption{font-size:10px;bottom:8px}.contact-modal-content{padding:25px}.contact-modal h2{font-size:35px}.hub .site-header .logo{font-size:13px}.hub .site-header .line-link{font-size:10px;gap:10px}.hub-intro{padding:40px 0 25px}.hub-intro-top{display:block}.hub-intro h1{font-size:47px}.hub-intro p{font-size:13px}.hub-stats{gap:17px;font-size:9px;padding:18px 0;margin-top:25px}.directions{grid-template-columns:1fr;gap:32px;padding-bottom:50px}.direction:first-child{grid-column:auto}.direction:first-child .direction-preview{height:350px}.direction-preview{height:310px}.mini-cinema{padding:22px}.mini-cinema-bg{inset:60px 15px 15px}.mini-cinema-title{padding:50px 15px;font-size:49px}.mini-cinema-title small{font-size:7px}.mini-nav{font-size:6px}.mini-editorial .mini-title{font-size:37px}.mini-signal h3{font-size:58px}.direction-meta h2{font-size:22px}.direction-meta p{font-size:11px}.hub-note{grid-template-columns:1fr;gap:25px;padding:40px 0}.hub-note h2{font-size:35px}.hub-note p{font-size:12px}.reference-row{grid-template-columns:105px 1fr;gap:15px;font-size:11px}.hub-footer{font-size:9px;flex-wrap:wrap}.editor-layout{grid-template-columns:1fr;padding-top:35px;gap:35px}.editor-aside{position:static}.editor-aside h1{font-size:40px}.editor-aside .pill{margin-top:15px}.editor-project{grid-template-columns:1fr;gap:15px}.editor-project>img{width:100%;height:150px;object-fit:cover}.form-grid{grid-template-columns:1fr}.editor-project-fields .form-grid{grid-template-columns:1fr 1fr}.editor-project-fields .field input,.editor-project-fields .field select{font-size:12px;padding:10px}.editor-export{padding:20px}.editor-form h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-button:hover img{transform:none}}

html:has(body.index-theme){scroll-behavior:auto}
@media(max-width:700px){.index-hero h1{font-size:clamp(32px,8.5vw,45px)}.story-hero h1{font-size:clamp(48px,13vw,65px)}}
@media(max-width:380px){.cinema-hero h1{font-size:56px}.switcher a,.switcher button{padding:8px}.mini-editorial .mini-title{font-size:32px}.mini-signal h3{font-size:49px}}