@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-semibold.ttf') format('truetype');font-weight:500 700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-extrabold.ttf') format('truetype');font-weight:800 900;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/instrument-serif.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/instrument-serif-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--bg:#fcfdff;--ink:#142b49;--muted:#536c84;--blue:#005da5;--ice:#a0dbe9;--pale:#e6f0f7;--slate:#8098b1;--navy:#142b49;--surface:#f0f5fa;--line:#142b4926;--white:#fff;--gutter:clamp(24px,5.5vw,90px);--serif:Instrument,Georgia,serif;--sans:Manrope,'Segoe UI',sans-serif;--bar:58px;color-scheme:light}
:root[data-theme=dark]{--bg:#0c192b;--ink:#f0f5fc;--muted:#a0b5cb;--blue:#70b7f2;--ice:#a0dbe9;--pale:#1f3852;--slate:#6984a1;--navy:#004b86;--surface:#112238;--line:#d8e8fa2b;--white:#eff6ff;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button,a,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1{font-size:clamp(54px,5.9vw,96px);font-weight:600;line-height:1.1;letter-spacing:-.065em}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}h2{font-size:clamp(40px,4.2vw,70px);line-height:1.12;letter-spacing:-.055em}h3{font-size:22px;line-height:1.3;letter-spacing:-.04em}img{display:block;max-width:100%}svg{display:block}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:var(--ice);color:#142b49}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;z-index:300;top:-80px;left:15px;padding:12px;background:var(--ink);color:var(--bg)}.skip:focus{top:10px}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.studio{height:var(--bar);display:flex;gap:27px;align-items:center;position:sticky;top:0;z-index:100;padding:0 25px;border-bottom:1px solid #dbe3ec;background:#f6f8fb;color:#233950;font-size:11px}.studio-brand{font-weight:800;font-size:12px;letter-spacing:.055em;white-space:nowrap}.studio-brand span{display:block;font-size:8px;letter-spacing:.11em;color:#62768b;font-weight:400}.studio select{width:239px;border:1px solid #c9d6e3;background:#eaf0f6;color:#233950;border-radius:3px;padding:8px 10px;font-size:12px;cursor:pointer}.studio-controls{display:flex;margin-left:auto;gap:22px;align-items:center}.studio button{background:none;border:0;padding:8px 0;color:inherit;font-size:10px;white-space:nowrap}.studio button:hover{text-decoration:underline;text-underline-offset:4px}.studio #presentation{border:1px solid #c9d6e3;padding:7px 13px;border-radius:3px}#theme-button{display:flex;gap:7px;align-items:center}#theme-button i{width:11px;height:11px;border:1px solid currentColor;border-radius:50%;background:linear-gradient(90deg,#233950 50%,transparent 50%)}#return-button{position:fixed;bottom:20px;right:20px;border:1px solid #bacbdd;border-radius:3px;background:#f6f8fb;color:#233950;z-index:100;padding:12px 18px;font-size:11px;box-shadow:0 3px 20px #00183322}.presentation{--bar:0px}
.site-header{display:flex;align-items:center;gap:52px;height:112px;padding:0 var(--gutter);position:relative;z-index:10}.brand{display:block;width:180px;flex-shrink:0}.brand img{width:100%;height:64px;object-fit:contain}.logo-dark{display:none}[data-theme=dark] .logo-dark{display:block}[data-theme=dark] .logo-light{display:none}.site-header nav{display:flex;margin-left:auto;gap:34px;align-items:center;font-size:12px}.site-header nav a{padding:10px 0;position:relative}.site-header nav a::after{content:'';position:absolute;height:1px;width:0;bottom:5px;left:0;background:var(--blue);transition:width .3s}.site-header nav a:hover::after{width:100%}.contact-link{font-size:12px;display:flex;gap:18px;align-items:center}.menu-toggle{display:none;background:transparent;color:inherit;border:1px solid var(--line);padding:8px 14px}.kicker{font-size:9px;font-weight:600;letter-spacing:.14em;line-height:1.8}.hero{padding:30px var(--gutter) 0;position:relative;display:grid;grid-template-columns:1.05fr 1fr;column-gap:30px;align-items:center;isolation:isolate}.hero-copy{position:relative;z-index:2;min-width:0;padding-bottom:15px;animation:arrival .8s both}.hero-copy .kicker{margin-bottom:31px}.lead{font-size:14px;line-height:1.85;color:var(--muted);margin:29px 0 22px}.text-link{font-size:12px;display:inline-flex;gap:29px;align-items:center;min-height:40px;padding:8px 0;border-bottom:1px solid var(--line);line-height:1.5}.arrow{display:inline-block;position:relative;width:24px;height:1px;background:currentColor;flex-shrink:0;transition:transform .25s}.arrow::after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}a:hover .arrow{transform:translateX(4px)}.art-stage{position:relative;min-width:0;width:100%;padding-bottom:22px}.art-stage>.vector{width:100%;height:auto;overflow:visible}.art-caption{font-size:8px;letter-spacing:.15em;color:var(--muted);display:block;text-align:center;margin-top:10px}.hero-baseline{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0;margin-top:35px;gap:20px;font-size:8px;letter-spacing:.1em}.hero-baseline a{font-size:11px;letter-spacing:0}.hero-baseline a span{color:var(--slate);margin:0 14px}
.fill-blue{fill:var(--blue)}.fill-ice{fill:var(--ice)}.fill-pale{fill:var(--pale)}.fill-white{fill:var(--white)}.fill-navy{fill:var(--navy)}.stroke-blue{stroke:var(--blue)}.stroke-ice{stroke:var(--ice)}.stroke-white{stroke:var(--white)}.stroke-slate{stroke:var(--slate)}.guide{stroke:var(--line);stroke-width:1;fill:none}.petal{fill:var(--blue)}.petal.p1{fill:var(--ice)}.petal.p2{fill:var(--slate)}.petal.p3{fill:var(--blue)}.fine-lines{fill:none;stroke:var(--blue);stroke-width:1;opacity:.5}.sway{transform-origin:300px 300px;animation:sway 18s ease-in-out infinite}.draw>path,.draw:not(g){stroke-dasharray:1;stroke-dashoffset:0;animation:draw-in 1.8s ease-out both}.draw>path:nth-child(2n){animation-duration:2.4s}.horizon-bands{animation:horizon-drift 16s ease-in-out infinite}.tile{transform-box:fill-box;transform-origin:center;transition:filter .4s,transform .7s}.mosaic-svg:hover .tile-2{transform:translateY(-5px)}.mosaic-svg:hover .tile-6{transform:translateX(5px)}.tile-5{animation:tile-breathe 14s ease-in-out infinite}.breathe{transform-origin:300px 600px;animation:breathe 14s ease-in-out infinite}.weave-drift{animation:weave-drift 17s ease-in-out infinite}.blueprint-guides{stroke:var(--line);fill:none;stroke-width:1}.contours{fill:none;stroke:var(--blue);stroke-width:2}.door-contour{stroke:var(--blue);stroke-width:1;fill:none}.vector{pointer-events:none}.mosaic-svg{pointer-events:auto}
.section{padding:95px var(--gutter)}.mission{display:grid;grid-template-columns:.8fr 2.4fr .35fr;gap:35px;border-top:1px solid var(--line);align-items:start}.section-no{font-size:11px;color:var(--muted);display:block;margin-top:65px}.mission-copy p{max-width:530px;font-size:14px;line-height:1.95;color:var(--muted);margin:28px 0 20px}.mission-mark{align-self:end}.mission-mark svg{width:100%}.work{background:var(--surface)}.section-title{display:grid;grid-template-columns:1fr 2.5fr;gap:35px;margin-bottom:48px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.work-card{min-width:0}.work-mark{height:200px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.work-mark svg{width:190px;height:190px;transition:transform .7s}.work-mark .guide,.work-mark .blueprint-guides{display:none}.work-mark .contours{stroke-width:8}.work-mark *{animation:none!important}.work-card:hover .work-mark svg{transform:rotate(4deg) scale(1.04)}.work-name{display:flex;align-items:center;gap:16px;margin:25px 0 15px}.work-name>span:first-child{font-size:9px;color:var(--muted)}.work-name>.arrow{margin-left:auto;width:18px}.work-card p{font-size:12px;line-height:1.9;color:var(--muted);max-width:300px}.together{display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;align-items:center}.together h2{margin:25px 0 35px}.field-tabs{display:flex;flex-direction:column;align-items:stretch;max-width:300px}.field-tabs button{background:transparent;color:var(--muted);border:0;border-bottom:1px solid var(--line);font-size:12px;min-height:48px;text-align:left;padding:12px 0;position:relative}.field-tabs button[aria-selected=true]{color:var(--blue);font-weight:600;padding-left:25px}.field-tabs button[aria-selected=true]::before{content:'';position:absolute;width:13px;height:1px;background:var(--blue);left:0;top:50%}.field-photo{width:100%;height:340px;object-fit:cover;filter:saturate(.55);transition:filter .4s}.field-photo:hover{filter:saturate(1)}figcaption{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted);margin-top:14px}#field-panel .text-link{margin-top:23px;font-size:11px}footer{padding:65px var(--gutter) 30px;background:#142b49;color:#f6faff}.footer-call{display:grid;grid-template-columns:1fr 2.5fr;gap:25px;border-bottom:1px solid #ffffff30;padding-bottom:50px}.footer-call h2{font-size:clamp(60px,6.5vw,110px)}.footer-call .text-link{grid-column:2;justify-self:start;border-color:#ffffff40}.footer-meta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:30px;font-size:9px;line-height:1.9}.footer-meta .brand{width:150px}.footer-meta .logo-light{display:none}.footer-meta .logo-dark{display:block}.footer-meta>a:last-child{border-bottom:1px solid #ffffff60}
dialog{width:calc(100% - 36px);max-width:610px;padding:44px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}dialog::backdrop{background:#081c3788;backdrop-filter:blur(6px)}dialog form button{float:right;background:none;color:inherit;border:0;border-bottom:1px solid;padding:0 0 4px;font-size:11px;margin:0 0 25px 20px}dialog .kicker{padding-top:5px}dialog h2{clear:both;font-size:47px;margin:27px 0;letter-spacing:-.06em}#note-copy{font-size:14px;line-height:1.9}.palette{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0}.palette span{padding:20px 5px;font-size:9px;text-align:center;background:#005da5;color:white}.palette span:nth-child(2){background:#a0dbe9;color:#142b49}.palette span:nth-child(3){background:#142b49}.palette span:nth-child(4){background:#edf3f8;color:#142b49}.note-detail{font-size:11px;color:var(--muted)}
/* 01 / BAĞ — the institutional letter becomes a shared whole. */
.hero-1{padding-top:25px}.hero-1 h1{font-size:clamp(50px,5.1vw,84px);line-height:1.15}.hero-1 h1 em{font-size:1.29em}.hero-1 .art-stage{padding:5px 0 0 22px}.hero-1 .art-stage>.vector{max-height:570px}.hero-1 .hero-baseline{margin-top:26px}[data-design='1'] .mission-mark{min-width:70px}
/* 02 / ORTAK UFUK — a continuous, architectural horizon. */
[data-design='2']{--bg:#f3f8fc;--surface:#e8f1f8}[data-design='2'][data-theme=dark]{--bg:#0b213a;--surface:#12304f}.hero-2{display:block;text-align:center;padding-top:42px;overflow:hidden}.hero-2 .hero-copy{padding-bottom:0}.hero-2 h1{font-family:var(--serif);font-size:clamp(66px,7.5vw,124px);font-weight:400;letter-spacing:-.035em;line-height:1.01}.hero-2 .kicker{margin-bottom:25px}.hero-2 .lead{margin-top:24px;font-size:12px}.hero-2 .text-link{margin-top:0}.hero-2 .art-stage{height:300px;margin-top:28px;z-index:-1}.hero-2 .art-stage>.vector{position:absolute;width:calc(100% + 2 * var(--gutter));height:auto;left:calc(-1 * var(--gutter));bottom:-270px}.hero-2 .art-caption{position:absolute;bottom:15px;left:0;right:0;color:#fff;z-index:1}.hero-2 .hero-baseline{position:relative;z-index:2;margin-top:0;background:var(--bg)}[data-design='2'] .work-grid{gap:55px}[data-design='2'] .work-mark{border:0;height:250px}[data-design='2'] .work-mark svg{width:220px;height:220px}
/* 03 / BİR ARADA — a composed collection of the foundation's forms. */
[data-design='3']{--bg:#fff;--surface:#eef3f8}[data-design='3'][data-theme=dark]{--bg:#0b1b2e;--surface:#132a43}.hero-3{grid-template-columns:1fr 1fr;gap:55px;padding-top:42px}.hero-3 h1{font-weight:800;font-size:clamp(56px,5.6vw,94px)}.hero-3 h1 em{font-family:var(--sans);font-style:normal;font-weight:400;font-size:.96em;letter-spacing:-.065em}.hero-3 .art-stage{padding-bottom:0}.hero-3 .art-caption{text-align:right}.hero-3 .hero-baseline{margin-top:0}.hero-3 .lead{font-size:13px}[data-design='3'] .mission{background:var(--surface)}[data-design='3'] .work{background:var(--bg)}[data-design='3'] .work-mark{background:var(--pale);border:0}[data-design='3'] .work-card:nth-child(2) .work-mark{background:var(--ice)}[data-design='3'] .work-card:nth-child(3) .work-mark{background:var(--surface)}
/* 04 / DÜŞÜNCE ÇİZGİSİ — drawn, measured, open-ended. */
[data-design='4']{--bg:#f6faff;--ink:#00528f;--muted:#58748e;--line:#005da52e;--surface:#e7f0fa}[data-design='4'][data-theme=dark]{--bg:#0a213e;--ink:#e1efff;--muted:#a1bada;--line:#a0dbe930;--surface:#112e50}.hero-4{padding-top:20px;grid-template-columns:.9fr 1.1fr;column-gap:60px}.hero-4 h1{font-size:clamp(70px,7.8vw,128px);font-weight:400}.hero-4 h1 em{font-family:var(--sans);font-size:.8em;font-weight:800;font-style:normal;letter-spacing:-.065em}.hero-4 .art-stage{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:calc(100% / 12) calc(100% / 12);padding:15px}.hero-4 .art-caption{text-align:right;font-size:7px}.hero-4 .hero-baseline{margin-top:38px}[data-design='4'] .mission h2,[data-design='4'] .section-title h2{font-size:clamp(42px,3.9vw,65px)}[data-design='4'] .mission h2 em{font-family:var(--sans);font-style:normal;font-weight:600;letter-spacing:-.055em}[data-design='4'] .work-mark{height:150px;justify-content:start}[data-design='4'] .work-mark svg{width:120px;height:120px}[data-design='4'] .work-grid{gap:45px}
/* 05 / AÇIK ALAN — a real place framed by the brand's arch. */
.hero-5{grid-template-columns:1fr 1fr;padding-top:25px}.hero-5 .hero-copy{padding-bottom:80px}.hero-5 h1{font-family:var(--serif);font-size:clamp(84px,8.3vw,140px);letter-spacing:-.04em;max-width:500px;font-weight:400}.hero-5 .art-stage{padding-bottom:0}.hero-5 .hero-baseline{margin-top:25px}.hero-5 .lead{font-size:15px}[data-design='5'] .mission{background:var(--surface)}[data-design='5'] .work{background:var(--bg)}[data-design='5'] .work-mark{border:0;border-radius:50% 50% 0 0;background:var(--surface);height:260px}[data-design='5'] .together .field-photo{border-radius:46% 46% 0 0;height:420px}
/* 06 / YANKI — room for every voice, at the centre of the circle. */
[data-design='6']{--bg:#edf4fc;--surface:#e0eaf5}[data-design='6'][data-theme=dark]{--bg:#0d2242;--surface:#152e50}.hero-6{display:flex;flex-direction:column;justify-content:center;min-height:740px;padding-top:0;text-align:center}.hero-6 .art-stage{position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:690px;height:690px;z-index:-1;padding:0}.hero-6 .art-caption{position:absolute;top:49%;right:-70px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.14em;margin:0}.hero-6 .hero-copy{width:390px;margin-top:134px;padding-bottom:0}.hero-6 h1{font-family:var(--serif);font-size:78px;font-weight:400;letter-spacing:-.02em;line-height:1.04}.hero-6 .kicker{font-size:8px;margin-bottom:20px}.hero-6 .lead{font-size:11px;margin:19px 0 12px}.hero-6 .text-link{font-size:10px}.hero-6 .hero-baseline{margin-top:153px;width:100%;text-align:left}.hero-6 .guide{display:none}.hero-6 .petal.p2{fill:var(--ink);opacity:.7}[data-design='6'] .section-title{display:block;text-align:center}[data-design='6'] .section-title .kicker{margin-bottom:28px}[data-design='6'] .work-mark{border:0}[data-design='6'] .mission{padding-block:100px}
/* 07 / ÖRGÜ — intersecting bands, without pictograms or stock icons. */
[data-design='7']{--bg:#f5f7fa;--surface:#e9eff5}[data-design='7'][data-theme=dark]{--bg:#0e1b2d;--surface:#182b41}.hero-7{grid-template-columns:1.1fr 1fr;padding-top:25px;overflow:hidden}.hero-7 h1{font-size:clamp(69px,6.8vw,114px)}.hero-7 h1 em{font-size:.9em}.hero-7 .art-stage{padding:0 0 35px}.hero-7 .art-stage>.vector{overflow:hidden}.hero-7 .art-caption{text-align:right}.hero-7 .hero-baseline{margin-top:0}[data-design='7'] .work-grid{gap:55px}[data-design='7'] .work-card:nth-child(2){padding-top:45px}[data-design='7'] .work-card:nth-child(3){padding-top:90px}[data-design='7'] .work-mark{border-top:0}
/* 08 / MAVİ DEFTER — an institutional editorial poster. */
[data-design='8']{--bg:#e7f2fa;--surface:#d9e9f6;--line:#005da530}[data-design='8'][data-theme=dark]{--bg:#102c47;--surface:#153752;--line:#a0dbe930}.hero-8{grid-template-columns:1.1fr 1fr;padding-top:40px;gap:20px}.hero-8 .hero-copy{padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-8 h1{font-family:var(--serif);font-weight:400;font-size:clamp(70px,6.4vw,104px);letter-spacing:-.035em;line-height:1.02}.hero-8 .lead{font-size:13px}.hero-8 .art-stage{padding:15px}.hero-8 .art-caption{font-size:7px;text-align:right}.hero-8 .hero-baseline{margin-top:32px;border-top:0}[data-design='8'] .mission{border-top:1px solid var(--line)}[data-design='8'] .work-mark{border:0;height:160px;justify-content:start}[data-design='8'] .work-mark svg{height:150px;width:150px}[data-design='8'] .work-card{border-top:1px solid var(--line)}
.hero-2 .art-caption{color:var(--ink)}
.art-stage>.mosaic-svg{overflow:hidden}
.hero-6 .hero-baseline{transform:translateY(18px)}
@keyframes arrival{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes draw-in{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes horizon-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes tile-breathe{0%,100%{transform:scale(1)}50%{transform:scale(.93)}}
@keyframes breathe{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.98)}}
@keyframes weave-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(0,7px)}}
.out-of-view *,.page-hidden *{animation-play-state:paused!important}
.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}.motion-off{scroll-behavior:auto}
@media(min-width:1700px){#site{max-width:1850px;margin-inline:auto}.hero{padding-top:50px}.art-stage>.vector{max-height:650px}.hero-2 .art-stage>.vector{max-height:none}.hero-6{min-height:790px}.hero-6 .art-stage{top:0}}
@media(max-width:1100px){.studio{gap:18px;padding-inline:18px}.studio-controls{gap:15px}.studio select{width:205px}.studio-brand{font-size:11px}.studio-brand span{font-size:7px}.site-header{height:100px;gap:30px}.brand{width:156px}.site-header nav{gap:24px;font-size:11px}.contact-link{font-size:11px}.hero{column-gap:25px}.hero-1 h1{font-size:5.15vw}.hero-1 .lead{font-size:12px}.hero-3{column-gap:35px}.hero-3 h1{font-size:5.6vw}.hero-4 .lead{font-size:12px}.hero-5 .hero-copy{padding-bottom:35px}.hero-6 .art-caption{right:-25px}.hero-7 h1{font-size:6.2vw}.hero-8 h1{font-size:6.5vw}.section{padding-block:75px}.mission{grid-template-columns:.8fr 2.4fr .2fr;gap:25px}.mission-mark{display:none}.mission-copy{grid-column:2/4}.mission-copy p{font-size:13px}.work-grid{gap:26px}.work-name{gap:10px}.work-name h3{font-size:20px}.work-card p{font-size:11px}.together{gap:6vw}.field-photo{height:290px}.footer-meta{gap:20px}.footer-meta>p:first-of-type{display:none}.hero-2 .art-stage{height:245px}.hero-2 .art-stage>.vector{bottom:-190px}[data-design='7'] .work-grid{gap:30px}}
@media(max-width:800px){:root{--bar:105px;--gutter:25px}.studio{height:105px;display:grid;grid-template-columns:1fr 1.2fr;gap:8px 14px;padding:10px 16px}.studio select{width:100%;font-size:11px;min-height:36px}.studio-brand{font-size:10px}.studio-controls{grid-column:1/-1;margin:0;justify-content:space-between;gap:13px}.studio button{font-size:9px}.studio #presentation{padding:6px 9px}.site-header{height:95px;gap:20px}.site-header nav{display:none;position:absolute;top:85px;left:16px;right:16px;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:20px;box-shadow:0 10px 25px #001c3420;font-size:14px;z-index:20}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:9px}.contact-link{display:none}.menu-toggle{display:block;margin-left:auto;font-size:11px;min-height:38px}.brand{width:160px}.hero{grid-template-columns:1fr;padding-top:27px;column-gap:0}.hero-copy{padding-bottom:0}.hero-copy .kicker{font-size:8px;margin-bottom:26px}.hero h1{font-size:clamp(49px,8.8vw,78px);line-height:1.1}.hero .lead{font-size:13px;margin-top:24px}.text-link{font-size:11px}.art-stage{width:min(100%,450px);margin:25px auto 0;padding:0}.art-caption{font-size:7px}.hero-baseline{padding:20px 0;margin-top:25px;gap:18px;flex-wrap:wrap}.hero-baseline>span{font-size:7px}.hero-baseline>a{font-size:10px;order:3;width:100%;text-align:center;border-top:1px solid var(--line);padding-top:16px}.hero-baseline>span:last-child{margin-left:auto}.section{padding:60px var(--gutter)}h2{font-size:44px;line-height:1.14}.mission{display:block}.section-no{display:none}.mission-copy{margin-top:25px}.mission-copy p{font-size:13px;line-height:1.9}.section-title{display:block;margin-bottom:32px}.section-title .kicker{margin-bottom:25px}.work-grid{gap:30px}.work-mark{height:145px}.work-mark svg{width:130px;height:130px}.work-name{flex-wrap:wrap;gap:8px;margin:17px 0 12px}.work-name>span:first-child{width:100%;font-size:8px}.work-name h3{font-size:17px}.work-name>.arrow{width:15px}.work-card p{font-size:11px}.together{grid-template-columns:1fr;gap:32px}.together h2{margin-bottom:25px}.field-tabs{flex-direction:row;max-width:none;gap:25px}.field-tabs button{font-size:11px;padding:9px 0;min-height:42px}.field-tabs button[aria-selected=true]{padding-left:0;border-bottom-color:var(--blue)}.field-tabs button[aria-selected=true]::before{display:none}.field-photo{height:320px}.footer-call{display:block;padding-bottom:35px}.footer-call h2{font-size:69px;margin:20px 0}.footer-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-meta .brand{width:140px}.footer-meta>a:last-child{justify-self:end}
.hero-1 h1{font-size:clamp(45px,8.1vw,70px)}.hero-1 .art-stage{padding:0;width:min(90%,420px);margin-top:23px}.hero-1 .hero-baseline{margin-top:30px}.hero-2{padding-top:30px}.hero-2 h1{font-size:clamp(53px,9vw,83px);line-height:1.03}.hero-2 .lead{font-size:12px}.hero-2 .art-stage{width:100%;height:230px;margin-top:25px}.hero-2 .art-stage>.vector{width:900px;left:50%;transform:translateX(-50%);bottom:-155px}.hero-2 .art-caption{bottom:18px;font-size:7px}.hero-2 .hero-baseline{padding-top:20px;margin-top:0}[data-design='2'] .work-grid{gap:28px}[data-design='2'] .work-mark{height:170px}[data-design='2'] .work-mark svg{width:155px;height:155px}
.hero-3{padding-top:25px}.hero-3 h1{font-size:clamp(55px,10.5vw,84px);line-height:1.05}.hero-3 .art-stage{margin-top:35px;width:min(100%,450px)}.hero-3 .hero-baseline{margin-top:30px}.hero-4{padding-top:15px}.hero-4 h1{font-size:clamp(71px,12vw,98px)}.hero-4 .art-stage{width:min(100%,440px);margin-top:35px}.hero-4 .hero-baseline{margin-top:30px}[data-design='4'] .mission h2{font-size:39px}[data-design='4'] .work-grid{gap:25px}[data-design='4'] .work-mark{height:135px}
.hero-5{padding-top:20px}.hero-5 .hero-copy{padding-bottom:0}.hero-5 h1{font-size:clamp(79px,14vw,106px);max-width:100%;line-height:1}.hero-5 .art-stage{width:min(88%,430px);margin-top:35px}.hero-5 .hero-baseline{margin-top:25px}[data-design='5'] .work-mark{height:185px}
.hero-6{padding-top:0;min-height:620px;display:flex}.hero-6 .art-stage{width:550px;height:550px;top:0;margin:0;max-width:none}.hero-6 .hero-copy{width:310px;margin-top:125px}.hero-6 h1{font-size:64px;line-height:1.05}.hero-6 .kicker{font-size:7px;margin-bottom:18px}.hero-6 .lead{font-size:10px;margin:17px 0 10px}.hero-6 .text-link{font-size:9px;min-height:35px}.hero-6 .hero-baseline{margin-top:132px}.hero-6 .art-caption{display:none}[data-design='6'] .mission{padding-block:65px}
.hero-7{padding-top:25px}.hero-7 h1{font-size:clamp(61px,10.5vw,83px)}.hero-7 .art-stage{width:min(100%,440px);padding:0;margin-top:30px}.hero-7 .hero-baseline{margin-top:30px}[data-design='7'] .work-grid{gap:25px}[data-design='7'] .work-card:nth-child(n){padding-top:0}
.hero-8{padding-top:10px}.hero-8 .hero-copy{padding:28px 0}.hero-8 h1{font-size:clamp(62px,10.5vw,88px);max-width:550px;line-height:1.04}.hero-8 .art-stage{width:min(100%,400px);margin-top:20px;padding:0}.hero-8 .hero-baseline{margin-top:20px}[data-design='8'] .work-mark{height:130px}[data-design='8'] .work-mark svg{width:120px;height:120px}
}
@media(max-width:540px){:root{--gutter:23px}.hero .lead{font-size:12px}.hero-baseline{margin-top:25px}.work-grid{grid-template-columns:1fr;gap:36px}.work-card{display:grid;grid-template-columns:100px 1fr;column-gap:23px;align-items:start}.work-mark{grid-row:1/3;width:100px;height:130px;border:0}.work-mark svg{width:105px;height:125px}.work-name{margin:5px 0 9px;gap:8px}.work-name h3{font-size:21px}.work-name>span:first-child{width:auto;margin-right:5px}.work-card p{grid-column:2;max-width:none;font-size:12px}.mission h2,.section-title h2{font-size:38px}.field-photo{height:260px}.field-tabs{gap:18px}.field-tabs button{font-size:10px}.together h2{font-size:45px}.footer-call h2{font-size:59px}.footer-meta .brand{width:125px}.footer-meta p{font-size:8px}.hero-1 h1{font-size:clamp(39px,8.2vw,47px)}.hero-1 h1 em{font-size:1.45em}.hero-1 .art-stage{width:95%}.hero-2 h1{font-size:clamp(48px,10.7vw,59px)}.hero-2 .art-stage{height:215px}.hero-2 .art-stage>.vector{bottom:-165px}[data-design='2'] .work-mark{height:125px}[data-design='2'] .work-mark svg{width:105px;height:125px}.hero-3 h1{font-size:clamp(48px,11.7vw,63px)}.hero-4 h1{font-size:clamp(62px,15vw,82px)}[data-design='4'] .mission h2{font-size:36px}.hero-5 h1{font-size:clamp(68px,15.6vw,84px)}[data-design='5'] .work-mark{height:145px}[data-design='5'] .together .field-photo{height:340px}.hero-6{min-height:570px;overflow:hidden}.hero-6 .art-stage{width:470px;height:470px;top:14px}.hero-6 .hero-copy{width:265px;margin-top:112px}.hero-6 h1{font-size:55px}.hero-6 .kicker{margin-bottom:15px;font-size:6.7px}.hero-6 .lead{font-size:9px;line-height:1.75;margin:14px 0 7px}.hero-6 .text-link{font-size:8px;gap:18px}.hero-6 .hero-baseline{margin-top:110px}.hero-7 h1{font-size:clamp(52px,11.4vw,65px)}.hero-8 h1{font-size:clamp(56px,12.9vw,71px)}[data-design='8'] .work-card{padding-top:22px}[data-design='8'] .work-mark{height:125px}dialog{padding:28px}dialog h2{font-size:37px}#note-copy{font-size:13px}.palette span{font-size:8px;padding-block:16px}}
@media(max-width:360px){:root{--gutter:18px}.studio{padding-inline:11px;gap:8px 10px}.studio-controls{gap:9px}.studio button{font-size:8px}.studio select{font-size:10px}.brand{width:145px}.hero-1 h1{font-size:35px}.hero-3 h1{font-size:43px}.hero-5 h1{font-size:60px}.hero-7 h1{font-size:48px}.hero-8 h1{font-size:52px}.work-card{grid-template-columns:85px 1fr;column-gap:17px}.work-mark{width:85px}.work-name h3{font-size:18px}.work-name>.arrow{display:none}.field-tabs{gap:12px}.field-tabs button{font-size:9px}.hero-6 .art-stage{width:430px;top:29px}.hero-6 .hero-copy{width:240px}.hero-6 h1{font-size:50px}.hero-6 .lead{font-size:8px}.hero-6 .kicker{font-size:6px}.hero-6 .hero-baseline{margin-top:95px}.footer-call h2{font-size:53px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}