/* styles.css */
@font-face{font-family:Archivo;src:url('assets/archivo-variable.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
:root{--graphite:#000000;--paper:#ffffff;--accent:#ffffff;--accent-ink:#000000;--muted:#b8b8b8;--line:#404040;--gutter:clamp(24px,4.45vw,88px);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--graphite);color:var(--paper);font-family:Archivo,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}img{max-width:100%;height:auto;display:block}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}p,h1,h2,h3,figure{margin:0}button{border:0}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.section-pad{padding-inline:var(--gutter)}.skip-link{position:fixed;top:10px;left:10px;z-index:1000;background:var(--paper);color:var(--graphite);padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);position:sticky;top:0;z-index:50;background:var(--graphite);border-bottom:1px solid transparent;transition:border-color .2s}.site-header.scrolled{border-color:var(--line)}.brand{width:126px;display:block;flex-shrink:0}.brand img{mix-blend-mode:screen;width:100%}.site-header nav{display:flex;align-items:center;gap:36px;font-size:15px}.site-header nav a{display:flex;gap:30px;align-items:center;min-height:44px;position:relative}.site-header nav a:not(.nav-contact):after{content:'';position:absolute;left:0;right:0;bottom:6px;background:var(--paper);height:1px;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(1)}.site-header .nav-contact{margin-left:28px;border-bottom:1px solid var(--paper)}.nav-contact svg{width:16px;height:16px}.menu-button{display:none}.hero{min-height:calc(100svh - 106px);padding-top:34px;padding-bottom:44px;display:flex;flex-direction:column;justify-content:space-between;max-width:2000px;margin:auto}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;font-size:17px;line-height:1.45}.hero-location{font-size:14px;color:var(--muted);padding-top:4px}.hero-composition{position:relative;margin:44px 0 42px}.hero h1{font-size:clamp(120px,15.65vw,286px);font-stretch:115%;font-weight:760;line-height:.88;letter-spacing:-.062em}.headline-line{display:block;padding:0 0 .11em;overflow:hidden}.headline-line:last-child{padding-bottom:.06em}.headline-line>span{display:block;animation:type-in .85s var(--ease) both}.headline-line:nth-child(2)>span{animation-delay:.1s}.hero-orbit{position:absolute;width:clamp(130px,13vw,218px);aspect-ratio:1;top:0;right:1.8%;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:background .25s,transform .4s var(--ease);animation:orbit-in .7s var(--ease) both}.hero-orbit svg{width:42%;height:42%;stroke-width:3}.hero-orbit span{font-size:14px;font-weight:600;letter-spacing:-.02em}.hero-orbit:hover{transform:rotate(-6deg);background:#e6e6e6}.hero-orbit:focus-visible{outline-color:var(--paper)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-bottom p{max-width:480px;font-size:20px;line-height:1.55;letter-spacing:-.02em}.explore{font-size:14px;display:flex;align-items:center;gap:18px;min-height:44px;color:var(--muted)}.explore span{border:1px solid var(--line);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:var(--paper);transition:background .2s}.explore:hover span{background:var(--line)}.section-label{font-size:15px;line-height:1.4}.office{margin-top:50px;padding-top:96px;padding-bottom:100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2.3fr;gap:40px}.office>.section-label{color:var(--muted);padding-top:12px}.office h2{font-size:clamp(36px,4.4vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1.1}.office-content>p{max-width:535px;margin:34px 0 0;font-size:19px;color:var(--muted);line-height:1.65}.services{padding-top:70px;padding-bottom:128px}.section-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;align-items:end;margin-bottom:72px}.section-heading .section-label{align-self:start;padding-top:12px;color:var(--muted)}.section-heading h2{font-size:clamp(52px,6.3vw,96px);line-height:.98;letter-spacing:-.06em;font-weight:550}.section-heading>p:last-child{color:var(--muted);font-size:17px;margin-bottom:6px}.services-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:start}.service-list{padding-top:0}.service-list details{border-top:1px solid var(--line)}.service-list details:last-child{border-bottom:1px solid var(--line)}.service-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:98px;padding:23px 0}.service-list summary::-webkit-details-marker{display:none}.service-list summary h3{font-size:clamp(24px,2.55vw,42px);line-height:1.15;font-weight:450;letter-spacing:-.04em}.toggle-mark{position:relative;flex:0 0 21px;width:21px;height:21px}.toggle-mark:before,.toggle-mark:after{content:'';position:absolute;background:var(--muted);width:21px;height:1px;top:10px;left:0;transition:transform .25s}.toggle-mark:after{transform:rotate(90deg)}details[open] .toggle-mark:after{transform:rotate(0)}details[open] summary{color:#ffffff}details summary:hover{color:#ffffff}.service-copy{padding:0 40px 30px 0}.service-copy p{color:var(--muted);font-size:17px;line-height:1.7;max-width:450px}.service-copy>span{font-size:12px;display:block;margin-top:20px;color:var(--paper)}.service-study{position:relative;background:var(--accent);color:var(--accent-ink);padding:26px;min-width:0;aspect-ratio:1 / 1.07;display:flex;flex-direction:column}.study-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500}.study-indicator{width:10px;height:10px;background:var(--graphite);border-radius:50%}.study-art{flex:1;position:relative;min-height:330px;margin:25px 0}.art-scene{display:none;height:100%;width:100%;position:absolute;inset:0;animation:study-in .4s var(--ease)}[data-active=identity] .art-identity,[data-active=social] .art-social,[data-active=web] .art-web,[data-active=ads] .art-ads{display:flex;flex-direction:column}.service-study figcaption{display:flex;justify-content:space-between;gap:16px;font-size:11px;font-weight:500}.service-study figcaption span{opacity:1}.identity-letter{background:var(--paper);flex:1;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;font-size:clamp(100px,12vw,190px);font-weight:500;letter-spacing:-.08em;line-height:1}.identity-letter>span{font-size:12px;line-height:1.4;letter-spacing:0;align-self:flex-end;margin-bottom:18px}.identity-bottom{background:var(--graphite);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 25px}.identity-bottom>span{font-size:26px;letter-spacing:-.04em;line-height:1.05}.swatches{display:flex;padding-right:8px}.swatches i{width:44px;height:44px;display:block;background:var(--paper);border-radius:50%;border:1px solid var(--graphite);margin-right:-8px}.swatches i:nth-child(2){background:var(--accent)}.swatches i:nth-child(3){background:var(--graphite);border-color:var(--paper)}.social-poster{background:var(--paper);padding:22px;font-size:clamp(40px,4.8vw,75px);letter-spacing:-.06em;line-height:.95;font-weight:800;flex:1}.social-poster>span{display:block;margin-top:20px;font-size:14px;letter-spacing:0;font-weight:500}.social-strip{display:flex;justify-content:space-between;gap:12px;background:var(--graphite);color:var(--paper);padding:24px 18px;font-size:16px}.browser-bar{background:var(--graphite);color:var(--paper);display:flex;align-items:center;gap:4px;padding:16px 13px}.browser-bar i{width:5px;height:5px;border:1px solid var(--paper);border-radius:50%}.browser-bar>span{font-size:10px;margin-left:auto}.web-canvas{background:var(--paper);flex:1;padding:22px}.web-canvas>span{font-size:12px}.web-canvas strong{display:block;font-size:clamp(28px,3.7vw,56px);line-height:1;letter-spacing:-.05em;margin:22px 0}.web-button{background:var(--accent);padding:9px 14px;font-size:12px;max-width:130px;display:flex;justify-content:space-between}.web-lines{display:flex;gap:12px;margin-top:30px}.web-lines i{width:50%;height:2px;background:var(--graphite)}.ad-frame{border:2px solid var(--graphite);height:100%;padding:22px;position:relative}.ad-frame>span{font-size:12px}.ad-frame strong{display:block;margin-top:20px;font-size:clamp(38px,5vw,76px);letter-spacing:-.06em;line-height:.96;font-weight:780}.ad-frame i{position:absolute;right:-6px;bottom:-6px;width:16px;height:16px;background:var(--paper);border:2px solid var(--graphite)}.references{background:var(--paper);color:var(--graphite);padding-top:92px;padding-bottom:100px}.references-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;gap:30px}.references-heading h2{font-size:clamp(64px,8.6vw,130px);font-weight:580;letter-spacing:-.065em;line-height:.95;margin-top:30px}.references-heading>p{font-size:20px;margin:0 8% 10px 0;line-height:1.4}.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d1d1d1;border-left:1px solid #d1d1d1}.logo-cell{min-height:166px;display:flex;align-items:center;justify-content:center;padding:28px 30px;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}.logo-cell img{width:auto;max-width:100%;max-height:80px;object-fit:contain}.logo-cell .round-logo{max-height:86px;max-width:105px}.logo-cell .tall-logo{max-height:105px}.logo-cell .small-logo{width:60px;height:59px}.dark-logo-ground{padding:17px;background:var(--graphite);display:block;max-width:100%}.contact{padding-top:100px;padding-bottom:100px}.contact>.section-label{color:var(--muted);margin-bottom:40px}.contact-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:60px;align-items:end}.contact h2{font-size:clamp(50px,6.6vw,105px);font-weight:700;font-stretch:110%;line-height:1.02;letter-spacing:-.055em}.contact-action{padding-bottom:7px}.brief-open{width:100%;background:var(--accent);color:var(--accent-ink);border-radius:0;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;font-size:21px;transition:background .2s}.brief-open:hover{background:#e6e6e6}.brief-open svg{width:26px;height:26px}.contact-action>p{font-size:16px;margin-top:23px}.contact-action>small{display:block;font-size:12px;color:var(--muted);line-height:1.6;max-width:340px;margin-top:12px}.site-footer{border-top:1px solid var(--line);min-height:135px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-footer>.brand{width:108px}.site-footer>span{color:var(--muted);font-size:14px}.site-footer>a:last-child{font-size:14px;display:flex;gap:20px;min-height:44px;align-items:center}.site-footer>a:last-child span{font-size:22px}dialog{border:0;max-width:620px;width:calc(100% - 32px);max-height:calc(100svh - 32px);padding:0;background:var(--paper);color:var(--graphite);border-radius:0;overscroll-behavior:contain}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}.dialog-inner{padding:40px}.dialog-close{background:transparent;position:absolute;right:16px;top:16px;width:44px;height:44px;font-size:36px;line-height:1}.dialog-inner h2{font-size:64px;line-height:.94;letter-spacing:-.055em;font-weight:550;margin:24px 0}.dialog-inner>p:not(.section-label){font-size:15px;line-height:1.6;max-width:450px}.dialog-inner form{margin-top:28px}.dialog-inner form>label{font-size:14px;display:block;margin-bottom:8px;font-weight:500}input[type=text],input:not([type]),textarea{display:block;width:100%;border:1px solid #aaaaaa;border-radius:0;padding:12px;background:transparent;color:var(--graphite);min-height:48px;font-size:16px}textarea{resize:vertical;max-height:300px}input::placeholder,textarea::placeholder{color:#606060}fieldset{margin:22px 0;padding:0;border:0}legend{font-size:14px;margin-bottom:12px;font-weight:500}.service-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service-choices label{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #b8b8b8;min-height:46px;font-size:12px;cursor:pointer}.service-choices input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.service-choices label:has(input:checked){background:#eeeeee;border-color:var(--accent)}.download-brief{width:100%;margin-top:22px;padding:16px 20px;background:var(--graphite);color:var(--paper);display:flex;justify-content:space-between}.download-status{font-size:13px;line-height:1.5;margin-top:12px;min-height:20px}
@keyframes type-in{from{transform:translateY(35%);opacity:.25}to{transform:translateY(0);opacity:1}}@keyframes orbit-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes study-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.hero{min-height:900px}.hero h1{font-size:286px}}
@media(max-width:1100px){.site-header nav{gap:25px}.site-header .nav-contact{margin-left:0}.hero{min-height:720px}.hero-composition{margin-top:65px;margin-bottom:55px}.hero-orbit{right:0;width:15vw}.hero h1{font-size:15.4vw}.hero-bottom p{max-width:450px;font-size:18px}.office{grid-template-columns:1fr 2fr}.section-heading{grid-template-columns:1fr 1.5fr}.section-heading>p:last-child{display:none}.services-layout{gap:5vw;grid-template-columns:1.15fr 1fr}.service-study{padding:20px;aspect-ratio:auto;min-height:440px}.study-art{min-height:310px}.identity-letter{font-size:120px;padding:15px}.identity-letter>span{display:none}.identity-bottom{padding:20px 15px}.identity-bottom>span{font-size:22px}.swatches i{width:34px;height:34px}.service-list summary{min-height:88px}.service-list summary h3{font-size:28px}.service-copy{padding-right:15px}.logo-cell{padding:25px;min-height:145px}.contact-grid{gap:35px}.contact h2{font-size:6.7vw}.contact-action>p{font-size:14px}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{height:84px}.brand{width:104px}.menu-button{display:flex;align-items:center;gap:14px;min-width:88px;min-height:44px;background:transparent;padding:0;justify-content:flex-end;font-size:14px}.menu-button>span{width:20px;display:flex;flex-direction:column;gap:5px}.menu-button i{height:1px;background:var(--paper);width:20px;transition:transform .2s}.menu-button[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}.site-header nav{position:absolute;display:none;left:0;right:0;top:84px;background:var(--graphite);border-bottom:1px solid var(--line);padding:20px var(--gutter) 28px;flex-direction:column;align-items:stretch;gap:8px}.site-header nav.is-open{display:flex}.site-header nav a{font-size:22px;padding-block:8px;min-height:50px;justify-content:space-between}.site-header .nav-contact{margin-top:12px;font-size:18px;border-bottom:0;color:#ffffff}.hero{min-height:calc(100svh - 84px);padding-top:35px;padding-bottom:30px;justify-content:flex-start}.hero-top{font-size:15px}.hero-location{display:none}.hero-composition{margin:49px 0 34px}.hero h1{font-size:25.5vw;letter-spacing:-.065em;line-height:.96;font-stretch:112%;font-weight:780}.headline-line{padding-bottom:.09em}.hero-word{display:block}.hero-orbit{width:100px;right:0;top:auto;bottom:16px;gap:0}.hero-orbit svg{width:45%;height:45%}.hero-orbit span{position:absolute;left:-9999px}.hero-bottom{margin-top:auto;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:34px}.hero-bottom p{font-size:17px;max-width:410px;line-height:1.65}.explore{font-size:12px;gap:12px}.explore span{width:38px;height:38px;font-size:20px}.office{margin-top:24px;display:block;padding-top:54px;padding-bottom:40px}.office>.section-label{font-size:13px;padding:0;margin-bottom:26px}.office h2{font-size:clamp(32px,7vw,52px);line-height:1.13;letter-spacing:-.045em}.office-content>p{font-size:16px;line-height:1.7;margin-top:24px}.services{padding-top:56px;padding-bottom:64px}.section-heading{display:block;margin-bottom:38px}.section-heading .section-label{font-size:13px;padding:0;margin-bottom:25px}.section-heading h2{font-size:60px}.services-layout{display:flex;flex-direction:column;gap:35px}.service-list{width:100%}.service-list summary{min-height:80px;padding:21px 0;gap:16px}.service-list summary h3{font-size:clamp(22px,5.4vw,34px);line-height:1.2;letter-spacing:-.035em}.service-copy{padding:0 10px 24px 0}.service-copy p{font-size:16px}.service-copy>span{font-size:11px;line-height:1.7}.service-study{width:100%;padding:22px;min-height:410px;aspect-ratio:1 / 1.07;max-height:550px}.study-art{min-height:290px;margin:22px 0}.identity-letter{font-size:clamp(130px,38vw,210px);padding:18px}.identity-letter>span{display:block;font-size:10px}.identity-bottom{padding:20px 18px}.identity-bottom>span{font-size:25px}.swatches i{width:36px;height:36px}.social-poster{font-size:clamp(48px,13vw,76px)}.web-canvas strong{font-size:clamp(32px,9vw,56px)}.ad-frame strong{font-size:clamp(44px,12vw,68px)}.references{padding-top:58px;padding-bottom:60px}.references-heading{align-items:flex-start;margin-bottom:38px;gap:20px}.references-heading .section-label{font-size:13px}.references-heading h2{font-size:70px;margin-top:22px}.references-heading>p{font-size:14px;margin:50px 0 0;line-height:1.5}.logo-grid{grid-template-columns:repeat(3,1fr)}.logo-cell{min-height:116px;padding:22px 16px}.logo-cell img{max-height:55px}.logo-cell .round-logo{max-height:65px;max-width:72px}.logo-cell .tall-logo{max-height:72px}.logo-cell .small-logo{width:50px;height:auto}.dark-logo-ground{padding:10px}.contact{padding-top:62px;padding-bottom:55px}.contact>.section-label{font-size:13px;margin-bottom:30px}.contact-grid{display:block}.contact h2{font-size:9.2vw;letter-spacing:-.035em;line-height:1.08}.contact-action{margin-top:36px;padding:0}.brief-open{padding:19px 22px;font-size:19px}.contact-action>p{font-size:15px;margin-top:20px}.contact-action>small{font-size:12px;max-width:330px}.site-footer{min-height:120px;gap:18px;flex-wrap:wrap;padding-block:28px}.site-footer>.brand{width:87px}.site-footer>span{display:none}.site-footer>a:last-child{font-size:12px}.dialog-inner{padding:30px 23px}.dialog-inner h2{font-size:54px}.service-choices{grid-template-columns:1fr}.service-choices label{font-size:13px}.dialog-inner>p:not(.section-label){font-size:14px}.dialog-inner form{margin-top:24px}}
@media(max-width:360px){:root{--gutter:20px}.hero-composition{margin-top:42px}.hero-orbit{width:82px;bottom:13px}.hero-bottom p{font-size:16px}.service-list summary h3{font-size:21px}.references-heading h2{font-size:61px}.references-heading>p{font-size:12px}.logo-cell{padding:18px 12px}.service-study{padding:18px}.identity-letter>span{display:none}.identity-bottom>span{font-size:23px}.service-study figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-active){scroll-behavior:auto}body:not(.motion-enabled) *,body:not(.motion-enabled) *:before,body:not(.motion-enabled) *:after{animation:none!important;transition:none!important}body:not(.motion-enabled) .hero-orbit:hover{transform:none}}

/* revision.css */
/* Shared editorial and motion language for the expanded preview. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header nav{gap:28px}.site-header nav [aria-current=page]{color:#ffffff}.site-header .nav-contact{margin-left:12px}.hero{--hero-size:clamp(120px,15.65vw,286px);min-height:calc(100svh - 106px);padding-bottom:38px}.hero-composition{margin:40px 0 34px}.hero h1{font-size:var(--hero-size)}.kinetic-line{display:flex;align-items:flex-end;height:1.05em;overflow:hidden;padding-bottom:.09em;position:relative}.kinetic-word{display:block;font-size:calc(var(--hero-size) * var(--word-scale,1));font-stretch:115%;line-height:.92;transform-origin:left bottom;white-space:nowrap;will-change:transform}.hero-type-note{position:absolute;right:0;top:26px;font-size:14px;line-height:1.55;color:var(--muted);transition:opacity .35s}.hero-composition.is-long .hero-type-note{opacity:0}.hero .headline-line>span{animation:none}.hero-project-link{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--muted);flex-shrink:0;line-height:1.7}.hero-project-link strong{font-size:16px;font-weight:500;color:var(--paper)}.round-arrow{width:66px;height:66px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);border-radius:50%;font-size:36px;transition:transform .4s var(--ease)}.hero-project-link:hover .round-arrow{transform:rotate(45deg)}.hero-bottom{align-items:flex-end;gap:30px}.hero-bottom>p{font-size:18px;max-width:445px}.motion-control{display:flex;align-items:center;gap:9px;min-height:44px;background:none;color:var(--muted);font-size:12px;padding:8px 0;flex-shrink:0}.motion-icon{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:12px}.motion-control:hover{color:var(--paper)}.motion-control:disabled{cursor:default;opacity:.65}.service-ribbon{background:var(--accent);color:var(--accent-ink);overflow:hidden;padding:26px 0;margin-top:48px}.ribbon-track{display:flex;width:max-content;animation:ribbon-travel 34s linear infinite}.ribbon-track>span{white-space:nowrap;font-size:clamp(28px,3.4vw,54px);font-weight:550;letter-spacing:-.04em;display:flex;align-items:center;gap:40px;padding-right:40px}.ribbon-track i{font-style:normal;font-weight:400;font-size:1.1em}.motion-paused .ribbon-track,.ribbon-offscreen .ribbon-track{animation-play-state:paused}.office{margin-top:0;border-top:0;padding-top:120px;padding-bottom:105px}.office h2{font-size:clamp(38px,4.9vw,76px)}.reveal-line{display:block}.type-reveal.is-revealing .reveal-line{animation:reveal-type .95s var(--ease) both}.type-reveal.is-revealing .reveal-line:nth-child(2){animation-delay:.15s}.type-reveal.is-revealing .reveal-line:nth-child(3){animation-delay:.3s}.services{padding-top:55px}.service-study{overflow:hidden}.art-scene{animation:study-wipe .6s var(--ease)}.approach{background:var(--accent);color:var(--accent-ink);padding-top:92px;padding-bottom:98px}.approach-heading{display:grid;grid-template-columns:1fr 2.3fr;gap:38px}.approach-heading>.section-label{padding-top:11px}.approach h2{font-size:clamp(58px,7.9vw,124px);font-weight:730;letter-spacing:-.065em;line-height:.97}.approach-heading>p:last-child{grid-column:2;font-size:18px;line-height:1.6}.approach-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:9vw;margin-top:65px}.process-tabs{display:flex;flex-direction:column}.process-tabs button{display:flex;align-items:center;gap:26px;min-height:87px;border-top:1px solid rgba(0,0,0,.4);background:transparent;color:var(--accent-ink);font-size:clamp(27px,3vw,44px);text-align:left;font-weight:450;letter-spacing:-.045em}.process-tabs button:last-child{border-bottom:1px solid rgba(0,0,0,.4)}.process-tabs button>span{font-size:12px;letter-spacing:0}.process-tabs button>i{font-size:25px;font-style:normal;margin-left:auto;opacity:0;transform:translateX(-10px);transition:.3s}.process-tabs [aria-selected=true]{font-weight:680}.process-tabs [aria-selected=true]>i{opacity:1;transform:translateX(0)}.process-tabs button:focus-visible,.process-panel:focus-visible{outline-color:var(--accent-ink)}.process-content{min-width:0}.process-panel{padding:30px 36px;background:var(--paper);min-height:368px;animation:process-in .55s var(--ease)}.process-panel[hidden]{display:none}.process-word{font-size:clamp(70px,9.3vw,152px);font-weight:760;font-stretch:112%;line-height:1;letter-spacing:-.06em;display:block;margin:0 0 33px}.process-panel h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;font-weight:600}.process-panel>p{font-size:17px;line-height:1.6;max-width:520px;margin-top:16px}.process-panel>small{display:block;font-size:12px;margin-top:24px;color:#555555}.home-projects{padding-top:110px;padding-bottom:100px}.home-section-top{display:grid;grid-template-columns:1.5fr 1fr;gap:7vw;align-items:end;margin-bottom:44px}.home-section-top .section-label{color:var(--muted);margin-bottom:30px}.home-section-top h2{font-size:clamp(50px,6.3vw,100px);font-weight:550;letter-spacing:-.055em;line-height:1.01}.home-section-top>div:last-child{padding-bottom:5px}.home-section-top>div:last-child>p{font-size:19px;color:var(--muted);max-width:330px;line-height:1.6}.text-link{display:flex;align-items:center;justify-content:space-between;gap:35px;width:fit-content;min-height:48px;border-bottom:1px solid var(--muted);font-size:16px;margin-top:24px}.text-link>span{font-size:24px;transition:transform .25s}.text-link:hover>span{transform:translate(3px,-3px)}.concept-disclaimer{font-size:12px;color:var(--muted);margin-bottom:25px}.home-project-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.references-heading>p{font-size:18px;max-width:370px;margin-right:0}.logo-cell{position:relative;transition:background .3s}.logo-cell:hover{background:#eeeeee}.logo-cell:focus-visible{outline-offset:-4px}.logo-link-arrow{position:absolute;right:12px;bottom:8px;font-size:22px;opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}.logo-cell:hover .logo-link-arrow,.logo-cell:focus-visible .logo-link-arrow{opacity:1;transform:none}.home-blog{padding-top:110px;padding-bottom:110px;border-bottom:1px solid var(--line)}.home-blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.footer-expanded{padding-top:43px;padding-bottom:43px;display:flex;align-items:center;gap:40px;border-top:1px solid var(--line)}.footer-expanded>.brand{width:115px}.footer-expanded>p{font-size:14px;color:var(--muted)}.footer-expanded nav{margin-left:auto;display:flex;gap:28px;font-size:14px}.footer-expanded nav a{min-height:44px;display:flex;align-items:center}.footer-expanded nav a:hover{color:#ffffff}.body-link{color:#ffffff;text-decoration:underline;text-underline-offset:4px}
@keyframes ribbon-travel{to{transform:translateX(-50%)}}@keyframes reveal-type{from{clip-path:inset(0 0 100% 0);transform:translateY(18px)}to{clip-path:inset(0);transform:none}}@keyframes study-wipe{from{clip-path:inset(0 0 100% 0);transform:translateY(16px)}to{clip-path:inset(0);transform:none}}@keyframes process-in{from{opacity:.4;transform:translateX(14px)}to{opacity:1;transform:none}}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .18s ease both}::view-transition-new(root){animation:page-in .35s ease both}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}}
@media(max-width:1100px){.site-header nav{gap:21px}.site-header .nav-contact{margin-left:0;gap:17px}.hero{--hero-size:15.4vw;min-height:740px}.hero-bottom{flex-wrap:wrap}.hero-bottom>p{font-size:17px;max-width:380px}.motion-control{order:3;flex-basis:100%;margin-top:-10px}.hero-type-note{top:20px;font-size:12px}.approach-layout{gap:5vw;grid-template-columns:1fr 1.5fr}.process-panel{padding:28px;min-height:360px}.process-word{font-size:10vw}.home-section-top{gap:5vw}.home-blog-cards{gap:22px}.footer-expanded{gap:25px}.footer-expanded nav{gap:20px}}
@media(max-width:760px){.site-header nav{gap:8px}.hero{--hero-size:25.5vw;min-height:calc(100svh - 84px);padding-top:30px;padding-bottom:28px}.hero-composition{margin-top:48px;margin-bottom:35px}.hero h1{font-size:var(--hero-size);line-height:.96}.kinetic-line{height:1.06em;padding-bottom:.08em}.kinetic-word{font-size:calc(var(--hero-size) * var(--mobile-word-scale,1));letter-spacing:-.065em}.hero-type-note{right:0;top:auto;bottom:17px;font-size:12px}.hero .hero-bottom{flex-direction:row;align-items:center;gap:23px 12px;margin-top:auto}.hero-bottom>p{order:1;flex-basis:100%;max-width:100%;font-size:16px;line-height:1.65}.hero-project-link{order:2;gap:12px;font-size:11px}.hero-project-link strong{font-size:13px}.round-arrow{width:50px;height:50px;font-size:28px}.motion-control{order:3;flex-basis:auto;font-size:10px;margin:0 0 0 auto;gap:6px}.motion-icon{width:22px;height:22px;font-size:10px}.service-ribbon{margin-top:28px;padding:20px 0}.ribbon-track>span{font-size:29px;gap:27px;padding-right:27px}.office{padding-top:62px;padding-bottom:35px}.office h2{font-size:7.4vw}.approach{padding-top:58px;padding-bottom:58px}.approach-heading{display:block}.approach-heading>.section-label{font-size:13px;padding:0;margin-bottom:24px}.approach h2{font-size:10.8vw;line-height:1.05}.approach-heading>p:last-child{font-size:16px;margin-top:26px}.approach-layout{display:block;margin-top:35px}.process-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.process-tabs button{min-height:72px;font-size:23px;gap:10px}.process-tabs button:nth-last-child(2){border-bottom:1px solid rgba(0,0,0,.4)}.process-tabs button>span{font-size:11px}.process-tabs button>i{font-size:18px}.process-content{margin-top:26px}.process-panel{padding:25px;min-height:380px}.process-word{font-size:19.7vw;margin-bottom:27px}.process-panel h3{font-size:23px}.process-panel>p{font-size:16px}.process-panel>small{font-size:11px;line-height:1.7;margin-top:22px}.home-projects,.home-blog{padding-top:65px;padding-bottom:65px}.home-section-top{display:block;margin-bottom:30px}.home-section-top .section-label{font-size:13px;margin-bottom:23px}.home-section-top h2{font-size:10.9vw;line-height:1.04}.home-section-top>div:last-child{padding:0;margin-top:26px}.home-section-top>div:last-child>p{font-size:16px;max-width:100%}.text-link{font-size:14px;min-height:44px;margin-top:20px}.concept-disclaimer{font-size:11px;line-height:1.65}.home-project-cards{grid-template-columns:1fr;gap:30px}.references-heading>p{font-size:13px;max-width:145px;margin-top:50px}.logo-link-arrow{opacity:1;font-size:17px;transform:none;bottom:4px;right:7px}.home-blog-cards{grid-template-columns:1fr;gap:32px}.footer-expanded{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-block:32px}.footer-expanded>.brand{width:99px}.footer-expanded>p{text-align:right;font-size:13px}.footer-expanded nav{grid-column:1/-1;margin:0;justify-content:space-between;gap:12px;font-size:13px}.contact h2{font-size:9vw}}
@media(max-width:360px){.hero-composition{margin-top:36px}.hero .hero-bottom{gap:18px 8px}.hero-bottom>p{font-size:15px}.hero-project-link{gap:8px}.hero-project-link strong{font-size:12px}.round-arrow{width:43px;height:43px;font-size:25px}.motion-control{font-size:9px;gap:5px}.hero-type-note{font-size:11px}.process-tabs button{font-size:21px}.process-panel{padding:21px}.references-heading>p{font-size:11px;max-width:110px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .ribbon-track{animation:none}body:not(.motion-enabled) .type-reveal .reveal-line{animation:none!important;clip-path:none!important;transform:none!important}body:not(.motion-enabled) .kinetic-word{will-change:auto}body:not(.motion-enabled) .hero-project-link:hover .round-arrow{transform:none}html:not(.motion-active)::view-transition-old(root),html:not(.motion-active)::view-transition-new(root){animation:none!important}}
.motion-paused .type-reveal .reveal-line,.motion-paused .art-scene,.motion-paused .process-panel{animation:none!important}
.home-blog-cards,.home-project-cards{display:block}

/* Monochrome process field: white surface, black reading panel. */
.approach{background:#ffffff;color:#000000}
.approach-heading>.section-label,.approach-heading>p:last-child{color:#000000}
.process-tabs button{color:#000000;border-color:#000000}
.process-tabs button:last-child,.process-tabs button:nth-last-child(2){border-color:#000000}
.process-tabs button[aria-selected=true]{background:#000000;color:#ffffff;padding-inline:16px}
.process-tabs button:focus-visible{outline-color:#000000}
.process-panel{background:#000000;color:#ffffff}.process-panel>small{color:#b8b8b8}
.process-panel:focus-visible{outline-color:var(--accent)}
body.motion-enabled .ribbon-track{animation:ribbon-travel 34s linear infinite!important}
body.motion-enabled .ribbon-offscreen .ribbon-track{animation-play-state:paused!important}
body.motion-paused .ribbon-track{animation-play-state:paused!important}
body.motion-enabled .hero .headline-line>span{animation:headline-arrive 1s var(--ease) both!important}
@keyframes headline-arrive{from{transform:translateY(100%)}to{transform:translateY(0)}}
body.motion-enabled .type-reveal.is-revealing .reveal-line{animation:reveal-type .95s var(--ease) both!important}
body.motion-enabled .type-reveal.is-revealing .reveal-line:nth-child(2){animation-delay:.15s!important}
body.motion-enabled .art-scene{animation:study-wipe .6s var(--ease)!important}
body.motion-enabled .process-panel{animation:process-in .55s var(--ease)!important}
/* Inverse focus rings stay visible on white reading surfaces. */
.references :focus-visible,.blog-reading :focus-visible,body .project-catalog :focus-visible,dialog :focus-visible,body .process-panel:focus-visible{outline-color:#000000}
.project-catalog .project-search-field:focus-within{outline-color:#000000}
dialog input[type=checkbox]{accent-color:#000000}
dialog .service-choices label:has(input:checked){border-color:#000000}

/* Monochrome states remain distinct without a color accent. */
.site-header nav [aria-current=page]::after{transform:scaleX(1)}
.footer-expanded nav a:hover{text-decoration:underline;text-underline-offset:5px}
:where(.references,.approach,.blog-reading,.project-catalog,.client-content-note,.concept-applications,dialog) ::selection{background:#000000;color:#ffffff}

/* projects.css */
.project-page{--project-line:#d0d0d0;--project-muted:#595959;overflow:clip}
.project-pad{padding-inline:var(--gutter)}
.project-page a,.project-page button{-webkit-tap-highlight-color:transparent}
.project-page svg{width:24px;height:24px;flex-shrink:0;stroke-width:1.6}
.project-page [hidden]{display:none!important}
.project-page :focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.project-intro{padding-top:32px;padding-bottom:78px}
.project-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.project-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.project-breadcrumb>span{display:inline-flex;align-items:center;min-height:44px}
.project-display{font-size:clamp(88px,17.7vw,310px);font-weight:750;letter-spacing:-.065em;font-stretch:110%;line-height:1.05;margin:35px 0 42px}
.project-display>span{color:var(--accent)}
.project-intro-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}
.project-manifesto{font-size:clamp(32px,4.35vw,70px);font-weight:500;letter-spacing:-.045em;line-height:1.12}
.project-intro-note{max-width:450px;justify-self:end}
.project-intro-note p{font-size:17px;line-height:1.65;color:var(--muted);margin-top:16px}
.real-projects-section{padding-top:12px;padding-bottom:34px}
.project-track-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:end;border-top:1px solid var(--line);padding-top:34px;margin-bottom:38px}
.project-track-heading h2{font-size:clamp(36px,4.8vw,72px);font-weight:520;line-height:1.06;letter-spacing:-.05em}
.project-track-heading p{font-size:16px;line-height:1.65;color:var(--muted);max-width:470px;justify-self:end}
.project-draft-tag{display:inline-block;border:1px solid currentColor;padding:5px 10px;font-size:13px;line-height:1.5;font-weight:500}
.project-catalog{background:var(--paper);color:var(--graphite);padding-top:72px;padding-bottom:94px}
.project-catalog-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:42px}
.project-catalog-heading h2{font-size:clamp(32px,4.5vw,66px);line-height:1.04;font-weight:530;letter-spacing:-.05em}
.project-catalog-heading p{max-width:450px;font-size:15px;line-height:1.6;color:var(--project-muted);justify-self:end}
.project-search{display:grid;grid-template-columns:auto minmax(200px,480px) 1fr;gap:22px;align-items:center;padding:24px 0;border-top:1px solid var(--project-line);border-bottom:1px solid var(--project-line);margin-bottom:40px}
.project-search>label{font-size:15px;font-weight:550}
.project-search-field{display:flex;gap:12px;align-items:center;min-width:0;border:1px solid #9e9e9e;padding:0 10px 0 16px}
.project-search input{appearance:none;-webkit-appearance:none;color:var(--graphite);border:0;background:transparent;min-height:52px;min-width:0;flex:1;width:100%;border-radius:0;font-size:16px}
.project-search input::-webkit-search-cancel-button{display:none}
.project-search input::placeholder{color:#666666}
.project-search-field:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.project-search input:focus-visible{outline:none}
.project-search button{padding:6px;min-height:44px;background:transparent;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.project-search-count{font-size:14px;text-align:right;color:var(--project-muted)}
.client-grid{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;margin:0}
.client-item{min-width:0}
.client-card{display:block;height:100%}
.client-logo-surface{background:#ffffff;min-height:232px;padding:45px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s var(--ease)}
.client-logo-surface--dark{background:#000000}
.client-logo{width:auto;height:auto;max-width:100%;max-height:130px;object-fit:contain;transition:transform .45s var(--ease)}
.client-logo--small{max-width:60px;max-height:59px}
.client-card-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-top:17px}
.client-card h3{font-size:clamp(17px,1.65vw,24px);font-weight:550;letter-spacing:-.025em;line-height:1.25}
.client-card-caption svg{width:20px;height:20px;transition:transform .3s var(--ease);margin-top:2px}
.client-card-state{display:block;color:var(--project-muted);font-size:13px;margin-top:8px;line-height:1.5}
@media(hover:hover){.client-card:hover .client-logo{transform:scale(1.055)}.client-card:hover .client-card-caption svg{transform:translate(3px,-3px)}.client-card:hover .client-card-caption h3{text-decoration:underline;text-underline-offset:5px}}
.project-search-empty{padding:45px 0 15px;max-width:600px}
.project-search-empty h3{font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-.03em}
.project-search-empty p{margin:15px 0 24px;font-size:17px;color:var(--project-muted)}
.project-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--accent);color:var(--accent-ink);padding:18px 22px;min-height:58px;font-size:16px;font-weight:550;transition:background .2s}
.project-button:hover{background:#e6e6e6}
.project-button--dark{background:var(--graphite);color:var(--paper)}
.project-button--dark:hover{background:#303030}
.project-preview-callout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-top:86px;padding-bottom:96px;align-items:end}
.project-preview-callout h2{font-size:clamp(44px,6.2vw,100px);line-height:1.04;font-weight:550;letter-spacing:-.055em;margin-top:25px}
.project-preview-callout-copy{max-width:450px;justify-self:end}
.project-preview-callout-copy p{font-size:19px;color:var(--muted);margin-bottom:28px;line-height:1.55}
.project-preview-callout-copy small{display:block;font-size:13px;color:var(--muted);margin-top:15px}
.project-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;color:var(--muted)}
.project-back:hover{text-decoration:underline;text-underline-offset:5px;color:var(--paper)}
.client-intro{padding-top:26px;padding-bottom:55px}
.client-intro-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;margin:52px 0 34px;align-items:center}
.client-intro-copy{min-width:0}
.project-section-label{font-size:15px;color:var(--muted);margin-bottom:24px}
.client-intro h1{font-size:clamp(46px,7.4vw,128px);font-weight:580;letter-spacing:-.055em;line-height:1.04;overflow-wrap:anywhere}
.client-intro-description{color:var(--muted);font-size:18px;line-height:1.6;margin-top:30px;max-width:440px}
.client-logo-surface--hero{min-height:350px;aspect-ratio:1.4;padding:55px}
.client-logo-surface--hero .client-logo{max-height:235px;max-width:100%}
.client-logo-surface--hero .client-logo--small{width:60px;height:59px}
.client-logo-context{font-size:13px;line-height:1.65;color:var(--muted);max-width:750px}
.client-identity-note{font-size:15px;line-height:1.6;color:var(--muted);margin-top:20px;max-width:420px}
.client-pending{background:var(--paper);color:var(--graphite);display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;padding-top:80px;padding-bottom:88px}
.client-pending h2{font-size:clamp(40px,5.3vw,84px);line-height:1.07;font-weight:540;letter-spacing:-.055em;margin:26px 0}
.client-pending-heading>p{font-size:17px;line-height:1.65;max-width:490px;color:var(--project-muted)}
.client-pending-information h3{font-size:23px;font-weight:550;letter-spacing:-.03em;margin:8px 0 28px}
.client-pending-information dl{margin:0}
.client-pending-information dl>div{padding:19px 0;border-top:1px solid var(--project-line)}
.client-pending-information dt{font-size:17px;font-weight:550;margin-bottom:5px}
.client-pending-information dd{font-size:16px;color:var(--project-muted);line-height:1.5;margin:0}
.client-detail-preview{display:flex;align-items:end;justify-content:space-between;gap:70px;padding-top:76px;padding-bottom:84px}
.client-detail-preview h2{font-size:clamp(36px,4.6vw,70px);font-weight:520;letter-spacing:-.05em;line-height:1.08}
.client-detail-preview p{font-size:16px;line-height:1.6;color:var(--muted);margin-top:24px;max-width:510px}
.client-detail-preview .project-button{flex-shrink:0}
.project-detail-intro{padding-top:26px;padding-bottom:0}
.project-detail-topline{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:55px 0 35px}
.project-detail-topline>p{font-size:14px;color:var(--muted)}
.project-detail-intro h1{font-size:clamp(72px,12.6vw,206px);line-height:.99;font-weight:690;font-stretch:110%;letter-spacing:-.06em}
.project-detail-lead{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:start;margin:48px 0 58px}
.project-detail-lead>p{font-size:clamp(22px,2.7vw,40px);font-weight:450;line-height:1.3;letter-spacing:-.025em;max-width:660px}
.project-detail-lead dl{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0}
.project-detail-lead dt{font-size:13px;color:var(--muted);margin-bottom:8px}
.project-detail-lead dd{font-size:15px;margin:0}
.project-detail-nav{border-top:1px solid var(--line);display:flex;gap:40px;padding-block:15px}
.project-detail-nav a{display:flex;align-items:center;min-height:44px;font-size:15px}
.project-detail-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.project-cover-placeholder{position:relative;background:var(--accent);color:var(--accent-ink);min-height:600px;display:flex;flex-direction:column;justify-content:space-between;padding-top:35px;padding-bottom:35px;isolation:isolate}
.project-placeholder-label{font-size:15px;font-weight:550}
.project-placeholder-type{font-size:clamp(72px,14.4vw,230px);font-weight:800;letter-spacing:-.065em;line-height:.9;font-stretch:110%;margin:55px 0}
.project-cover-placeholder figcaption{font-size:14px;line-height:1.6;align-self:flex-end;max-width:420px}
.project-placeholder-corners{position:absolute;inset:20px;z-index:-1;pointer-events:none}
.project-placeholder-corners i{position:absolute;width:12px;height:12px;border-color:currentColor;border-style:solid;border-width:0}
.project-placeholder-corners i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.project-placeholder-corners i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.project-placeholder-corners i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.project-placeholder-corners i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}
.project-story-row{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;padding-top:80px;padding-bottom:80px;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.project-story-row h2{font-size:clamp(42px,5.4vw,88px);line-height:1.05;font-weight:520;letter-spacing:-.05em}
.project-story-row h3{font-size:23px;font-weight:520;letter-spacing:-.025em;margin:8px 0 24px}
.project-story-row p{max-width:500px;font-size:18px;line-height:1.7;color:var(--muted)}
.project-story-row .project-content-pending{font-size:13px;margin-top:28px;border-top:1px solid var(--line);padding-top:16px}
.project-draft-gallery{padding-top:80px;padding-bottom:90px;background:var(--paper);color:var(--graphite);scroll-margin-top:100px}
.project-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}
.project-gallery-heading h2{font-size:clamp(40px,5.6vw,86px);line-height:1.06;font-weight:520;letter-spacing:-.05em}
.project-gallery-heading>p{font-size:16px;line-height:1.6;color:var(--project-muted);max-width:350px}
.project-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.project-gallery-slot{min-width:0}
.project-gallery-slot--wide{grid-column:1/-1}
.project-gallery-slot>div{background:#e6e6e6;aspect-ratio:1.45;display:flex;align-items:center;justify-content:center;font-size:clamp(34px,5vw,80px);letter-spacing:-.04em;font-weight:530;border:1px dashed #aaaaaa;color:#606060;text-align:center;padding:20px}
.project-gallery-slot--wide>div{aspect-ratio:2.35}
.project-gallery-slot figcaption{font-size:13px;line-height:1.5;color:var(--project-muted);margin-top:14px}
.project-draft-end{display:flex;justify-content:space-between;align-items:center;gap:60px;padding-top:56px;padding-bottom:56px}
.project-draft-end>p{font-size:15px;color:var(--muted);max-width:600px;line-height:1.7}
.project-draft-end .project-button{flex-shrink:0}
@media(max-width:1050px){.client-grid{gap:34px 22px}.client-logo-surface{min-height:200px;padding:30px}.client-logo{max-height:115px}.client-intro-grid{gap:40px}.client-logo-surface--hero{min-height:300px;padding:40px}.project-search{gap:18px;grid-template-columns:auto minmax(160px,1fr) auto}.client-detail-preview{gap:40px}.client-detail-preview .project-button{max-width:290px}.project-detail-lead{gap:55px}.project-detail-lead dl{grid-template-columns:1fr}.project-cover-placeholder{min-height:520px}}
@media(max-width:760px){.project-intro{padding-top:16px;padding-bottom:50px}.project-display{font-size:17.4vw;letter-spacing:-.055em;margin:30px 0 35px}.project-intro-bottom{display:block}.project-manifesto{font-size:clamp(34px,7.3vw,52px)}.project-intro-note{margin-top:28px;max-width:520px}.project-intro-note p{font-size:16px;margin-top:13px}.project-catalog{padding-top:48px;padding-bottom:56px}.project-catalog-heading{display:block;margin-bottom:28px}.project-catalog-heading h2{font-size:clamp(32px,6.5vw,46px)}.project-catalog-heading p{margin-top:20px;max-width:520px;font-size:14px}.project-search{grid-template-columns:1fr;gap:12px;padding:22px 0;margin-bottom:30px}.project-search-field{width:100%}.project-search-count{text-align:left;font-size:13px;margin-top:1px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.client-logo-surface{min-height:154px;padding:25px 19px}.client-logo{max-height:90px}.client-card h3{font-size:17px;line-height:1.25}.client-card-caption{gap:9px;padding-top:14px}.client-card-caption svg{width:17px;height:17px}.client-card-state{font-size:12px;margin-top:7px}.project-preview-callout{display:block;padding-top:54px;padding-bottom:60px}.project-preview-callout h2{font-size:clamp(46px,10vw,70px)}.project-preview-callout-copy{margin-top:28px;max-width:520px}.project-preview-callout-copy p{font-size:17px}.project-preview-callout-copy .project-button{width:100%}.client-intro{padding-top:16px;padding-bottom:38px}.client-intro-grid{display:flex;flex-direction:column;align-items:stretch;gap:32px;margin:30px 0 23px}.project-section-label{font-size:13px;margin-bottom:18px}.client-intro h1{font-size:clamp(45px,10.5vw,78px)}.client-intro-description{font-size:16px;margin-top:20px}.client-logo-surface--hero{min-height:250px;aspect-ratio:1.5;padding:40px}.client-logo-surface--hero .client-logo{max-height:170px}.client-logo-context{font-size:12px}.client-pending{display:block;padding-top:48px;padding-bottom:50px}.client-pending h2{font-size:clamp(42px,8.8vw,65px)}.client-pending-heading>p{font-size:16px}.client-pending-information{margin-top:37px}.client-pending-information h3{font-size:22px;margin-bottom:25px}.client-pending-information dl>div{padding:17px 0}.client-pending-information dd{font-size:15px}.client-detail-preview{display:block;padding-top:50px;padding-bottom:56px}.client-detail-preview h2{font-size:clamp(36px,7.9vw,58px)}.client-detail-preview .project-button{width:100%;max-width:none;margin-top:28px}.project-detail-intro{padding-top:16px}.project-detail-topline{display:block;margin:30px 0 28px}.project-detail-topline>p{font-size:13px;margin-top:14px}.project-detail-intro h1{font-size:clamp(62px,13.6vw,106px)}.project-detail-lead{display:block;margin:28px 0 32px}.project-detail-lead>p{font-size:23px;line-height:1.4}.project-detail-lead dl{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.project-detail-lead dt{font-size:12px}.project-detail-lead dd{font-size:14px}.project-detail-nav{gap:28px;padding:10px 0}.project-detail-nav a{font-size:14px}.project-cover-placeholder{min-height:430px;padding-top:30px;padding-bottom:30px}.project-placeholder-type{font-size:14vw;margin:45px 0}.project-placeholder-label{font-size:13px}.project-cover-placeholder figcaption{font-size:12px;align-self:flex-start}.project-placeholder-corners{inset:12px}.project-story-row{display:block;padding-top:50px;padding-bottom:50px;scroll-margin-top:84px}.project-story-row h2{font-size:clamp(40px,8.8vw,66px)}.project-story-row h3{font-size:21px;margin:30px 0 18px}.project-story-row p{font-size:16px}.project-story-row .project-content-pending{font-size:12px;margin-top:22px}.project-draft-gallery{padding-top:52px;padding-bottom:54px;scroll-margin-top:84px}.project-gallery-heading{display:block;margin-bottom:30px}.project-gallery-heading h2{font-size:clamp(38px,8.3vw,62px)}.project-gallery-heading>p{font-size:15px;margin-top:22px;max-width:460px}.project-gallery-grid{gap:24px 16px}.project-gallery-slot>div{font-size:clamp(28px,5.3vw,44px);padding:12px;aspect-ratio:1}.project-gallery-slot--wide>div{aspect-ratio:1.5}.project-gallery-slot figcaption{font-size:12px}.project-draft-end{display:block;padding-top:40px;padding-bottom:46px}.project-draft-end>p{font-size:14px}.project-draft-end .project-button{width:100%;margin-top:26px}}
@media(max-width:380px){.client-grid{grid-template-columns:1fr}.client-logo-surface{min-height:190px;padding:30px}.client-logo{max-height:120px}.client-card-caption{padding-top:14px}.client-card h3{font-size:20px}.project-button{padding:16px 18px;font-size:15px;gap:20px}.project-search-empty h3{font-size:28px}.project-cover-placeholder{min-height:370px}.project-detail-intro h1{font-size:15vw}.project-gallery-grid{grid-template-columns:1fr}.project-gallery-slot--wide{grid-column:auto}.project-gallery-slot>div{aspect-ratio:1.4}.project-detail-lead dl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .project-page *{transition:none!important;animation:none!important}body:not(.motion-enabled) .client-card:hover .client-logo,body:not(.motion-enabled) .client-card:hover .client-card-caption svg{transform:none}}

@media(max-width:760px){.real-projects-section{padding-top:0;padding-bottom:12px}.project-track-heading{display:block;padding-top:27px;margin-bottom:29px}.project-track-heading h2{font-size:clamp(35px,7.6vw,54px)}.project-track-heading p{font-size:15px;max-width:520px;margin-top:18px}}

/* Independent Torun Ofis concept studies. Reusable on home and project pages. */
.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px}
.concept-card{min-width:0}
.concept-card>a{display:block}
.concept-card-meta{display:flex;justify-content:space-between;align-items:start;gap:18px;font-size:12px;line-height:1.5;color:var(--muted);margin:19px 0 12px}
.concept-card-meta>span:first-child{color:var(--paper)}
.concept-card-title{display:flex;align-items:start;justify-content:space-between;gap:24px}
.concept-card-title h3{font-size:clamp(24px,2.5vw,40px);font-weight:520;line-height:1.1;letter-spacing:-.045em}
.concept-card-title svg{width:24px;height:24px;flex-shrink:0;margin-top:4px;transition:transform .3s var(--ease)}
.concept-card>a>p{font-size:16px;line-height:1.6;margin-top:15px;color:var(--muted)}
.concept-list-section{padding-top:40px;padding-bottom:96px}
.concept-list-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:end;margin-bottom:48px}
.concept-list-heading h2{font-size:clamp(36px,4.8vw,72px);font-weight:520;line-height:1.06;letter-spacing:-.05em}
.concept-list-heading p{font-size:16px;line-height:1.65;color:var(--muted);max-width:470px;justify-self:end}
.concept-list-heading strong{font-weight:600;color:var(--paper)}
.concept-art{container-type:inline-size;aspect-ratio:1.3;position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column;isolation:isolate;transition:filter .3s var(--ease)}
.concept-art-meta{display:flex;justify-content:space-between;gap:16px;align-items:start;font-size:clamp(9px,1.7cqw,16px);line-height:1.3;font-weight:500;position:relative;z-index:2}
.concept-art-meta>span:last-child{text-align:right}
.concept-art-stage{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;margin-top:26px}
.concept-art--identity{background:#ffffff;color:var(--graphite)}
.concept-identity-mark{display:flex;align-items:center;gap:5%;flex:1;min-height:0}
.concept-identity-mark>strong{font-size:52cqw;line-height:.78;font-weight:760;letter-spacing:-.11em;font-stretch:113%;margin-left:-.07em}
.concept-identity-mark>div{margin-left:auto;display:flex;align-self:stretch;flex-direction:column;justify-content:space-between;padding:7% 1% 3% 0}
.concept-identity-mark>div>span{font-size:8.2cqw;font-weight:540;letter-spacing:-.055em;line-height:.98}
.concept-identity-mark small{font-size:clamp(10px,2cqw,20px);line-height:1.4}
.concept-identity-baseline{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #9e9e9e;padding-top:16px;margin-top:20px}
.concept-identity-baseline>span{font-size:5cqw;letter-spacing:-.05em;line-height:1;font-weight:650}
.concept-color-chips{display:flex;gap:8px}
.concept-color-chips i{display:block;width:4.5cqw;aspect-ratio:1;background:var(--graphite)}
.concept-color-chips i:nth-child(2){background:var(--accent)}
.concept-color-chips i:nth-child(3){background:#ffffff;border:1px solid #9e9e9e}
.concept-art--identity.concept-art--detail{background:var(--graphite);color:var(--paper);border:1px solid var(--line)}
.concept-type-specimen{display:grid;grid-template-columns:1fr 1fr 1fr;flex:1;align-items:center;gap:5%}
.concept-type-specimen>div{font-size:20cqw;letter-spacing:-.08em;line-height:1;font-weight:570}
.concept-type-specimen span{display:block;font-size:clamp(9px,1.8cqw,15px);letter-spacing:0;font-weight:400;margin-top:16px;line-height:1.4}
.concept-type-line{font-size:9.5cqw;line-height:1;font-weight:500;letter-spacing:-.045em;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
.concept-stationery{display:grid;grid-template-columns:.95fr 1.1fr;align-items:center;gap:7%;flex:1;padding:3%}
.concept-stationery-card{background:var(--graphite);color:var(--paper);padding:10%;aspect-ratio:1.1;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-5deg)}
.concept-stationery-card strong{font-size:13cqw;line-height:1;letter-spacing:-.09em;font-weight:760}
.concept-stationery-card span{font-size:2.8cqw;line-height:1.15;letter-spacing:-.03em}
.concept-stationery-note{background:var(--accent);padding:12%;aspect-ratio:.76;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(4deg)}
.concept-stationery-note>span{font-size:5.5cqw;font-weight:700;letter-spacing:-.055em;line-height:1}
.concept-stationery-note strong{font-size:3.3cqw;font-weight:550;letter-spacing:-.03em;line-height:1.15}
.concept-stationery-lines{display:flex;flex-direction:column;gap:9px;margin:15px 0}
.concept-stationery-lines i{height:1px;background:var(--graphite);width:100%}
.concept-stationery-lines i:nth-child(3){width:55%}
.concept-art--social{background:var(--accent);color:var(--accent-ink)}
.concept-social-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%;flex:1;align-items:center;padding:3% 0}
.concept-social-posters>div{aspect-ratio:.61;display:flex;flex-direction:column;justify-content:space-between;padding:11% 9%;min-width:0;background:var(--paper);color:var(--graphite);transition:transform .5s var(--ease)}
.concept-social-posters>div:nth-child(2){background:var(--graphite);color:var(--paper);transform:translateY(-6%)}
.concept-social-posters>div:nth-child(3){background:#e8e8e8;transform:translateY(6%)}
.concept-social-posters>div>span{font-size:1.8cqw;line-height:1.4}
.concept-social-posters strong{font-size:8.5cqw;line-height:.95;font-weight:750;letter-spacing:-.08em;font-stretch:80%}
.concept-social-posters small{font-size:2.3cqw;line-height:1.3;letter-spacing:-.02em}
.concept-art--social.concept-art--detail{background:#e8e8e8}
.concept-social-story{background:var(--graphite);color:var(--paper);padding:5% 6%;align-self:center;width:58%;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.concept-social-story>span{font-size:2.3cqw;line-height:1.3}
.concept-social-story>strong{font-size:9cqw;font-weight:740;line-height:.94;letter-spacing:-.06em;margin-block:5%}
.concept-social-story>div{display:flex;gap:5px}
.concept-social-story i{width:33.33%;height:3px;background:var(--accent)}
.concept-social-story i:nth-child(2){background:#e6e6e6}.concept-social-story i:nth-child(3){background:#ffffff}
.concept-social-story>small{font-size:1.8cqw;line-height:1.4;margin-top:5%}
.concept-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:2%;flex:1}
.concept-feed>div{aspect-ratio:1;background:var(--paper);color:var(--graphite);font-size:5.8cqw;line-height:.95;font-weight:680;letter-spacing:-.065em;display:flex;align-items:center;justify-content:center;text-align:center}
.concept-feed>div:nth-child(2),.concept-feed>div:nth-child(6){background:var(--graphite);color:var(--paper)}
.concept-feed>div:nth-child(4){background:#dddddd}
.concept-art--web{background:#ffffff;color:var(--graphite)}
.concept-browser{background:var(--paper);border:1px solid #aaaaaa;flex:1;display:flex;flex-direction:column;margin:0 2% 3%}
.concept-browser-top{padding:2.3% 3%;display:flex;align-items:center;gap:5px;background:#eeeeee;border-bottom:1px solid #ffffff}
.concept-browser-top>i{width:1cqw;aspect-ratio:1;border-radius:50%;background:#999999}
.concept-browser-top>span{font-size:1.6cqw;margin-left:auto;line-height:1}
.concept-browser-content{padding:4.5%;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:0}
.concept-web-nav{display:flex;justify-content:space-between;align-items:center;font-size:1.6cqw;line-height:1.3}
.concept-web-nav>span:first-child{font-size:3cqw;letter-spacing:-.05em;font-weight:650}
.concept-browser-content>strong{font-size:13.5cqw;line-height:.94;font-weight:600;letter-spacing:-.075em;margin:5% 0}
.concept-web-bottom{display:flex;justify-content:space-between;gap:20px;align-items:end}
.concept-web-bottom>p{font-size:2.2cqw;line-height:1.4}
.concept-web-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);font-size:2cqw;line-height:1.2;padding:3% 6%;font-weight:550}
.concept-art--web.concept-art--detail{background:#ffffff}
.concept-web-mobile{display:flex;align-items:center;justify-content:center;gap:10%;flex:1;min-height:0}
.concept-mobile-screen{background:var(--paper);padding:5% 4%;width:44%;align-self:stretch;border:1px solid #bbbbbb;display:flex;flex-direction:column;justify-content:space-between;min-height:0;overflow:hidden}
.concept-mobile-screen .concept-web-nav{font-size:1.5cqw}
.concept-mobile-screen .concept-web-nav>span:first-child{font-size:2.3cqw}
.concept-mobile-screen>strong{font-size:7.9cqw;font-weight:600;line-height:.98;letter-spacing:-.055em;margin:5% 0}
.concept-mobile-screen>p{font-size:1.8cqw;line-height:1.4;margin-bottom:10%}
.concept-mobile-screen>.concept-web-cta{font-size:1.8cqw;padding:9% 3%}
.concept-mobile-block{margin:18% -14% -15%;padding:13%;background:var(--graphite);color:var(--paper);font-size:4.6cqw;line-height:1.02;letter-spacing:-.05em}
.concept-mobile-caption{font-size:5.7cqw;line-height:1.02;letter-spacing:-.05em;font-weight:530}
.concept-web-flow{display:flex;flex-direction:column;justify-content:center;gap:5%;flex:1}
.concept-web-flow>div{display:grid;grid-template-columns:.75fr 1.2fr 1fr;align-items:center;gap:5%;background:var(--paper);padding:7% 5%;border:1px solid #aaaaaa}
.concept-web-flow>div:nth-child(2){background:var(--graphite);color:var(--paper)}
.concept-web-flow>div:nth-child(3){background:var(--accent);border-color:var(--accent)}
.concept-web-flow span{font-size:2cqw}.concept-web-flow strong{font-size:5.4cqw;font-weight:550;letter-spacing:-.06em;line-height:1}.concept-web-flow small{font-size:1.8cqw;line-height:1.4}
.concept-art--ads{background:var(--accent);color:var(--accent-ink)}
.concept-ad-main{border:2px solid var(--accent-ink);padding:6% 5%;display:flex;flex-direction:column;justify-content:space-between;flex:1;position:relative}
.concept-ad-main>strong{font-size:15.1cqw;letter-spacing:-.07em;line-height:.91;font-weight:800;font-stretch:80%}
.concept-ad-main>div{display:flex;justify-content:space-between;align-items:end;margin-top:5%}
.concept-ad-main>div>span{font-size:3.1cqw;line-height:1.12;font-weight:550;letter-spacing:-.03em}
.concept-ad-main i{display:block;width:10cqw;aspect-ratio:1;background:var(--accent-ink)}
.concept-art--ads.concept-art--detail{background:var(--paper)}
.concept-ad-formats{display:grid;grid-template-columns:.8fr 1.1fr;align-items:center;gap:7%;flex:1}
.concept-ad-formats>div{background:var(--accent);color:var(--accent-ink);display:flex;flex-direction:column;justify-content:space-between;padding:10% 9%;min-width:0}
.concept-ad-formats>div:first-child{aspect-ratio:.66}
.concept-ad-formats>div:last-child{aspect-ratio:1.7;background:var(--graphite);color:var(--paper)}
.concept-ad-formats strong{font-size:11cqw;font-weight:760;line-height:.88;letter-spacing:-.065em}
.concept-ad-formats>div:last-child strong{font-size:7cqw;white-space:nowrap}
.concept-ad-formats span{font-size:2.2cqw;margin-top:12%;line-height:1.2}
.concept-ad-message{display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--accent-ink);padding-top:5%;flex:1}
.concept-ad-message>span{font-size:2cqw}
.concept-ad-message>strong{font-size:17.3cqw;letter-spacing:-.08em;line-height:.87;font-weight:760;margin-block:8%}
.concept-ad-message>div{display:flex;justify-content:space-between;align-items:end;gap:6%;font-size:2.2cqw;line-height:1.3}
.concept-ad-message>div>span{background:var(--graphite);color:var(--paper);padding:5% 7%;white-space:nowrap;font-size:2cqw}
@media(hover:hover){.concept-card>a:hover .concept-card-title svg{transform:translate(4px,-4px)}.concept-card>a:hover .concept-card-title h3{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}.concept-card>a:hover .concept-social-posters>div:nth-child(2){transform:translateY(2%)}.concept-card>a:hover .concept-social-posters>div:nth-child(3){transform:translateY(-2%)}}
.client-content-note{background:var(--paper);color:var(--graphite);display:grid;grid-template-columns:1fr 1.3fr;gap:45px;align-items:start;padding-top:36px;padding-bottom:40px}
.client-content-note>.project-draft-tag{justify-self:start}
.client-content-note>p{font-size:16px;line-height:1.7;color:#595959;max-width:640px}
.client-concept-examples{padding-top:75px;padding-bottom:88px}
.concept-detail-hero{padding-top:25px}
.concept-detail-topline{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:45px 0 30px}
.concept-detail-topline>span:last-child{font-size:15px;color:var(--muted)}
.concept-detail-hero h1{font-size:clamp(65px,9.9vw,162px);font-weight:650;letter-spacing:-.055em;line-height:1.02;font-stretch:108%;max-width:1450px}
.concept-detail-hero h1>span{color:var(--accent)}
.concept-detail-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:end;margin:35px 0 45px}
.concept-detail-intro>p:first-child{font-size:clamp(25px,3vw,43px);font-weight:450;line-height:1.24;letter-spacing:-.025em;max-width:620px}
.concept-detail-intro>p:last-child{font-size:15px;line-height:1.7;color:var(--muted);justify-self:end;max-width:410px}
.concept-detail-cover>.concept-art{aspect-ratio:1.85;padding:4.4vw}
.concept-detail-cover>.concept-art .concept-art-meta{font-size:clamp(12px,1.3vw,20px)}
.concept-detail-cover>.concept-art .concept-art-stage{margin-top:3vw}
.concept-detail-cover>.concept-art .concept-identity-mark>strong{font-size:37cqw}
.concept-detail-cover>.concept-art .concept-identity-mark>div{padding-block:2%}
.concept-detail-cover>.concept-art .concept-identity-mark>div>span{font-size:7cqw}
.concept-detail-cover>.concept-art .concept-identity-baseline>span{font-size:4cqw}
.concept-detail-cover>.concept-art .concept-color-chips i{width:3cqw}
.concept-detail-cover>.concept-art .concept-social-posters{padding:0 7%;gap:5%}
.concept-detail-cover>.concept-art .concept-social-posters>div{aspect-ratio:.9;padding:8%}
.concept-detail-cover>.concept-art .concept-social-posters>div>span{font-size:1.3cqw}
.concept-detail-cover>.concept-art .concept-social-posters strong{font-size:7.4cqw}
.concept-detail-cover>.concept-art .concept-social-posters small{font-size:1.9cqw}
.concept-detail-cover>.concept-art .concept-browser{margin:0 8%;min-height:0}
.concept-detail-cover>.concept-art .concept-browser-top{padding:1.5% 3%}
.concept-detail-cover>.concept-art .concept-browser-content{padding:3% 4%}
.concept-detail-cover>.concept-art .concept-browser-content>strong{font-size:10cqw;margin:2.5% 0}
.concept-detail-cover>.concept-art .concept-web-nav{font-size:1.2cqw}
.concept-detail-cover>.concept-art .concept-web-nav>span:first-child{font-size:2.4cqw}
.concept-detail-cover>.concept-art .concept-web-bottom p{font-size:1.6cqw}
.concept-detail-cover>.concept-art .concept-web-cta{font-size:1.5cqw;padding:2% 5%}
.concept-detail-cover>.concept-art .concept-ad-main{padding:3% 4%}
.concept-detail-cover>.concept-art .concept-ad-main>strong{font-size:13.8cqw}
.concept-detail-cover>.concept-art .concept-ad-main>div{margin-top:3%}
.concept-detail-cover>.concept-art .concept-ad-main>div>span{font-size:2.3cqw}
.concept-detail-cover>.concept-art .concept-ad-main i{width:7cqw}
.concept-detail-cover>figcaption{font-size:13px;line-height:1.6;color:var(--muted);padding-top:18px}
.project-story-row .concept-scope-title{font-size:18px;margin-top:30px;margin-bottom:16px}
.concept-scope{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.concept-scope li{border:1px solid var(--line);padding:9px 12px;font-size:13px;line-height:1.5;color:var(--muted)}
.concept-approach{padding-top:80px;padding-bottom:80px;scroll-margin-top:105px}
.concept-approach-top{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;margin-bottom:55px;align-items:start}
.concept-approach h2{font-size:clamp(42px,5.4vw,88px);line-height:1.05;font-weight:520;letter-spacing:-.05em}
.concept-approach-top>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:520px}
.concept-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}
.concept-decisions>div{border-top:1px solid var(--line);padding-top:25px}
.concept-decisions h3{font-size:25px;font-weight:500;letter-spacing:-.035em;line-height:1.15;margin-bottom:18px}
.concept-decisions p{font-size:16px;line-height:1.7;color:var(--muted)}
.concept-applications{padding-top:70px;padding-bottom:80px;background:var(--paper);color:var(--graphite);scroll-margin-top:105px}
.concept-application-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}
.concept-application-heading h2{font-size:clamp(40px,5.2vw,82px);line-height:1.06;font-weight:520;letter-spacing:-.05em}
.concept-application-heading>p{font-size:16px;line-height:1.6;color:#595959}
.concept-application-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.concept-application-grid figcaption{font-size:13px;line-height:1.65;color:#595959;margin-top:16px}
.concept-takeaway{background:var(--accent);color:var(--accent-ink);padding-top:70px;padding-bottom:60px}
.concept-takeaway>p{font-size:clamp(38px,5.8vw,92px);font-weight:550;line-height:1.09;letter-spacing:-.05em;max-width:1250px}
.concept-takeaway>span{display:block;font-size:14px;margin-top:36px}
.concept-next{padding-top:70px;padding-bottom:80px;display:flex;align-items:end;justify-content:space-between;gap:50px}
.concept-next>div>p{font-size:14px;color:var(--muted);margin-bottom:18px}
.concept-next h2{font-size:clamp(34px,4.8vw,75px);line-height:1.1;font-weight:510;letter-spacing:-.05em;max-width:920px}
.concept-next h2 a{display:inline-block}
.concept-next h2 a:hover{text-decoration:underline;text-underline-offset:9px;text-decoration-thickness:1px}
.concept-next h2 svg{width:.7em;height:.7em;margin-left:.15em;display:inline-block}
.concept-next>div>span{display:block;font-size:14px;color:var(--muted);margin-top:18px}
.concept-next>.project-back{flex-shrink:0}
@media(max-width:1050px){.concept-art{padding:20px}.concept-art-stage{margin-top:22px}.concept-art-meta{font-size:10px}.concept-art-meta>span:first-child{max-width:55%}.concept-grid{gap:42px 24px}.concept-card-title h3{font-size:30px}.concept-card>a>p{font-size:15px}.concept-application-grid{gap:22px}.concept-next{gap:35px}}
@media(max-width:760px){.concept-grid{grid-template-columns:1fr;gap:40px}.concept-card-meta{font-size:12px;margin-top:18px;margin-bottom:11px}.concept-card-title h3{font-size:clamp(27px,6.5vw,39px)}.concept-card-title svg{width:23px;height:23px;margin-top:4px}.concept-card>a>p{font-size:16px;margin-top:12px}.concept-art{aspect-ratio:1.24;padding:22px}.concept-art-meta{font-size:clamp(9px,2.2cqw,14px)}.concept-art-stage{margin-top:24px}.concept-list-section{padding-top:4px;padding-bottom:55px}.concept-list-heading{display:block;margin-bottom:30px}.concept-list-heading h2{font-size:clamp(35px,7.6vw,54px)}.concept-list-heading p{font-size:15px;max-width:520px;margin-top:22px}.client-content-note{display:block;padding-top:28px;padding-bottom:30px}.client-content-note>p{margin-top:18px;font-size:15px}.client-concept-examples{padding-top:50px;padding-bottom:55px}.concept-detail-hero{padding-top:16px}.concept-detail-topline{margin:28px 0 25px;align-items:start;gap:18px}.concept-detail-topline>span:last-child{font-size:13px;padding-top:6px;text-align:right}.concept-detail-hero h1{font-size:clamp(48px,11.5vw,84px);letter-spacing:-.055em}.concept-detail-intro{display:block;margin:26px 0 30px}.concept-detail-intro>p:first-child{font-size:25px;line-height:1.35}.concept-detail-intro>p:last-child{margin-top:24px;font-size:13px;line-height:1.65}.concept-detail-hero .project-detail-nav{gap:23px}.concept-detail-hero .project-detail-nav a{font-size:13px}.concept-detail-cover>.concept-art{aspect-ratio:1.2;padding:24px}.concept-detail-cover>.concept-art .concept-art-meta{font-size:clamp(10px,1.8vw,14px)}.concept-detail-cover>.concept-art .concept-art-stage{margin-top:24px}.concept-detail-cover>.concept-art .concept-identity-mark>strong{font-size:51cqw}.concept-detail-cover>.concept-art .concept-identity-mark>div{padding-block:7% 3%}.concept-detail-cover>.concept-art .concept-identity-mark>div>span{font-size:8.2cqw}.concept-detail-cover>.concept-art .concept-identity-baseline>span{font-size:5cqw}.concept-detail-cover>.concept-art .concept-color-chips i{width:4.5cqw}.concept-detail-cover>.concept-art .concept-social-posters{padding:3% 0;gap:3%}.concept-detail-cover>.concept-art .concept-social-posters>div{aspect-ratio:.61;padding:11% 9%}.concept-detail-cover>.concept-art .concept-social-posters>div>span{font-size:1.8cqw}.concept-detail-cover>.concept-art .concept-social-posters strong{font-size:8.5cqw}.concept-detail-cover>.concept-art .concept-social-posters small{font-size:2.3cqw}.concept-detail-cover>.concept-art .concept-browser{margin:0 2% 3%}.concept-detail-cover>.concept-art .concept-browser-top{padding:2.3% 3%}.concept-detail-cover>.concept-art .concept-browser-content{padding:4.5%}.concept-detail-cover>.concept-art .concept-browser-content>strong{font-size:13.5cqw;margin:5% 0}.concept-detail-cover>.concept-art .concept-web-nav{font-size:1.6cqw}.concept-detail-cover>.concept-art .concept-web-nav>span:first-child{font-size:3cqw}.concept-detail-cover>.concept-art .concept-web-bottom p{font-size:2.2cqw}.concept-detail-cover>.concept-art .concept-web-cta{font-size:2cqw;padding:3% 6%}.concept-detail-cover>.concept-art .concept-ad-main{padding:6% 5%}.concept-detail-cover>.concept-art .concept-ad-main>strong{font-size:15.1cqw}.concept-detail-cover>.concept-art .concept-ad-main>div{margin-top:5%}.concept-detail-cover>.concept-art .concept-ad-main>div>span{font-size:3.1cqw}.concept-detail-cover>.concept-art .concept-ad-main i{width:10cqw}.concept-detail-cover>figcaption{font-size:12px;padding-top:15px}.concept-approach{padding-top:50px;padding-bottom:52px;scroll-margin-top:84px}.concept-approach-top{display:block;margin-bottom:32px}.concept-approach h2{font-size:clamp(40px,8.5vw,60px)}.concept-approach-top>p{margin-top:27px;font-size:16px}.concept-decisions{grid-template-columns:1fr;gap:26px}.concept-decisions>div{padding-top:23px}.concept-decisions h3{font-size:23px;margin-bottom:13px}.concept-decisions p{font-size:16px}.concept-applications{padding-top:50px;padding-bottom:50px;scroll-margin-top:84px}.concept-application-heading{display:block;margin-bottom:28px}.concept-application-heading h2{font-size:clamp(39px,8.5vw,60px)}.concept-application-heading>p{font-size:15px;margin-top:22px}.concept-application-grid{grid-template-columns:1fr;gap:32px}.concept-application-grid .concept-art{aspect-ratio:1.3}.concept-application-grid figcaption{font-size:12px;margin-top:13px}.concept-takeaway{padding-top:50px;padding-bottom:45px}.concept-takeaway>p{font-size:clamp(35px,8vw,59px)}.concept-takeaway>span{font-size:13px;margin-top:27px}.concept-next{display:block;padding-top:46px;padding-bottom:50px}.concept-next h2{font-size:clamp(36px,8vw,59px)}.concept-next>.project-back{margin-top:30px}.concept-next>div>p,.concept-next>div>span{font-size:13px}}
@media(max-width:380px){.concept-art{padding:18px}.concept-art-meta{font-size:9px}.concept-art-stage{margin-top:20px}.concept-card-meta{gap:12px;font-size:11px}.concept-card-title h3{font-size:27px}.concept-detail-hero .project-detail-nav{gap:16px}.concept-detail-hero .project-detail-nav a{font-size:12px}.concept-detail-hero h1{font-size:13vw}.concept-detail-topline{display:block}.concept-detail-topline>span:last-child{display:block;text-align:left;margin-top:12px}.concept-detail-cover>.concept-art{padding:20px}.concept-detail-cover>.concept-art .concept-art-meta{font-size:9px}.concept-detail-cover>.concept-art .concept-art-stage{margin-top:20px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .concept-art,body:not(.motion-enabled) .concept-card *{transition:none!important;animation:none!important}body:not(.motion-enabled) .concept-card>a:hover .concept-card-title svg{transform:none}body:not(.motion-enabled) .concept-card>a:hover .concept-social-posters>div:nth-child(2){transform:translateY(-6%)}body:not(.motion-enabled) .concept-card>a:hover .concept-social-posters>div:nth-child(3){transform:translateY(6%)}}

.concept-takeaway{background:#000000;color:var(--paper)}
.concept-takeaway>span{color:#ffffff}
.project-case-note{display:grid;grid-template-columns:1fr 2fr;gap:7vw;align-items:center;padding-block:42px;border-top:1px solid #cfcfcf;background:#fff;color:#000}.project-case-note p{font-size:14px;color:#666}.project-case-note a{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(22px,2.4vw,38px);letter-spacing:-.035em;line-height:1.2}.project-case-note a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
@media(max-width:760px){.project-case-note{grid-template-columns:1fr;gap:18px;padding-block:32px}.project-case-note a{font-size:25px}}

/* blog.css */
/* Blog: type-led covers and a quiet reading surface. All artwork is CSS. */
.blog-index-header{padding-top:54px;padding-bottom:84px}
.blog-topic{font-size:15px;color:var(--muted);margin-bottom:30px}
.blog-index-intro{display:grid;grid-template-columns:1.45fr 1fr;gap:8vw;align-items:end}
.blog-index-intro h1{font-size:clamp(92px,12.1vw,186px);line-height:.84;letter-spacing:-.073em;font-weight:650;font-stretch:112%;padding-bottom:.06em}
.blog-index-summary{max-width:470px;padding-bottom:8px}
.blog-index-summary>p:first-child{font-size:clamp(26px,3vw,42px);line-height:1.18;letter-spacing:-.045em;max-width:420px}
.blog-index-summary>p:nth-child(2){margin-top:26px;color:var(--muted);font-size:17px;max-width:350px}
.blog-index-draft{display:block;font-size:12px;color:var(--muted);margin-top:38px}
.blog-list{padding-bottom:110px}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.blog-card{min-width:0}
.blog-card-link{display:flex;flex-direction:column;height:100%;color:inherit}
.blog-card-link:focus-visible{outline-offset:7px}
.blog-card-copy{display:flex;flex:1;flex-direction:column;padding-top:25px}
.blog-card-category{font-size:13px;color:var(--muted);margin-bottom:13px}
.blog-card h2,.blog-card h3{font-size:clamp(25px,2.5vw,37px);font-weight:510;line-height:1.12;letter-spacing:-.045em;text-wrap:balance;max-width:420px}
.blog-card-excerpt{font-size:16px;line-height:1.65;color:var(--muted);margin-top:18px;max-width:380px}
.blog-card-bottom{margin-top:auto;padding-top:28px;display:flex;gap:12px;justify-content:space-between;align-items:center}
.blog-status{font-size:11px;line-height:1.4;border:1px solid var(--line);padding:5px 8px;display:inline-block;white-space:nowrap}
.blog-status-case{background:#000000;color:#ffffff;border-color:#000000}
.blog-read{font-size:13px;display:flex;align-items:center;gap:12px;min-height:44px}
.blog-read>span{font-size:22px;transition:transform .3s var(--ease)}
.blog-cover{position:relative;min-width:0;aspect-ratio:1.2/1;padding:26px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.blog-cover-identity{background:var(--paper);color:var(--graphite)}
.blog-cover-social{background:var(--accent);color:var(--accent-ink)}
.blog-cover-web{background:#000000;color:var(--paper);border:1px solid #404040}
.blog-cover-project{padding:0;background:#e9e9e9;color:#ffffff;isolation:isolate}
.blog-cover-project::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.62));z-index:1;pointer-events:none}
.blog-cover-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease),filter .65s var(--ease)}
.blog-cover-project figcaption{position:relative;z-index:2;margin-top:auto;font-size:12px;line-height:1.3;letter-spacing:.02em;padding:25px 26px;color:#ffffff}
.blog-card-link:hover .blog-cover-project img,.blog-card-link:focus-visible .blog-cover-project img{transform:scale(1.035)}
.blog-art-word{font-size:clamp(45px,5.3vw,78px);font-weight:620;font-stretch:108%;line-height:.91;letter-spacing:-.06em;display:block;transition:transform .42s var(--ease);transform-origin:left}
.blog-cover-identity .blog-art-word{font-size:clamp(90px,10.8vw,156px);font-weight:500;line-height:.9;letter-spacing:-.09em}
.blog-art-samples{display:flex;gap:7px;position:absolute;top:29px;right:25px;flex-direction:column}
.blog-art-samples i{width:38px;height:35px;font-size:23px;line-height:1;display:grid;place-items:center;font-style:normal;border:1px solid currentColor;font-weight:500;letter-spacing:-.07em;transition:transform .4s var(--ease)}
.blog-art-samples i:nth-child(2){background:var(--accent);border-color:var(--graphite);transform:rotate(6deg)}
.blog-art-samples i:nth-child(3){background:var(--graphite);color:var(--paper);border-color:var(--graphite);transform:rotate(-6deg)}
.blog-art-caption{font-size:12px;line-height:1.4;margin-top:24px;font-weight:500;letter-spacing:-.01em}
.blog-art-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:24px}
.blog-art-calendar i{display:block;height:30px;border:1px solid var(--accent-ink);transition:transform .3s var(--ease)}
.blog-art-calendar i:nth-child(2),.blog-art-calendar i:nth-child(5){background:var(--accent-ink)}
.blog-art-calendar i:nth-child(4){background:#dddddd;border-color:#000000}
.blog-art-browser{display:flex;gap:5px;border-bottom:1px solid #686868;padding-bottom:14px;margin-bottom:19px}
.blog-art-browser i{display:block;border:1px solid var(--paper);width:5px;height:5px;border-radius:50%}
.blog-cover-web .blog-art-word{font-size:clamp(40px,4.4vw,64px);font-weight:560}
.blog-art-wire{display:grid;grid-template-columns:1fr 1.35fr;gap:14px;margin-top:24px}
.blog-art-wire i{height:2px;background:var(--paper);transform-origin:left;transition:transform .4s var(--ease)}
.blog-card-link:hover .blog-read>span,.blog-card-link:focus-visible .blog-read>span{transform:translate(3px,-3px)}
.blog-card-link:hover .blog-art-word,.blog-card-link:focus-visible .blog-art-word{transform:translateX(4px)}
.blog-card-link:hover .blog-art-samples i,.blog-card-link:focus-visible .blog-art-samples i{transform:rotate(0)}
.blog-card-link:hover .blog-art-calendar i:nth-child(4),.blog-card-link:focus-visible .blog-art-calendar i:nth-child(4){transform:translateY(-7px)}
.blog-card-link:hover .blog-art-wire i:last-child,.blog-card-link:focus-visible .blog-art-wire i:last-child{transform:scaleX(.75)}
.blog-index-outro{border-top:1px solid var(--line);padding-top:60px;padding-bottom:72px;display:flex;justify-content:space-between;gap:40px;align-items:end}
.blog-index-outro>p{font-size:clamp(32px,4.3vw,66px);line-height:1.05;letter-spacing:-.055em;font-weight:450}
.blog-index-outro>a{font-size:16px;display:flex;gap:28px;align-items:center;min-height:44px;border-bottom:1px solid var(--paper)}
.blog-index-outro>a>span{font-size:25px}
.blog-post-header{padding-top:32px;padding-bottom:65px}
.blog-back{display:inline-flex;gap:16px;align-items:center;min-height:44px;font-size:14px}
.blog-back>span{font-size:23px}
.blog-post-heading-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:7vw;align-items:end;margin-top:55px}
.blog-post-heading h1{font-size:clamp(48px,6.25vw,92px);line-height:1.02;letter-spacing:-.06em;font-weight:560;text-wrap:balance;max-width:880px}
.blog-post-heading .blog-topic{margin-bottom:22px}
.blog-draft-notice{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:32px;font-size:12px;color:var(--muted)}
.blog-post-art{padding-bottom:2px}
.blog-post-art .blog-cover{aspect-ratio:1.15/1}
.blog-post-art .blog-cover-identity .blog-art-word{font-size:clamp(125px,14vw,220px)}
.blog-post-art .blog-art-word{font-size:clamp(44px,5.3vw,82px)}
.blog-post-art .blog-cover-web .blog-art-word{font-size:clamp(42px,4.7vw,73px)}
.blog-reading{background:var(--paper);color:var(--graphite);padding-top:74px;padding-bottom:88px}
.blog-reading-layout{display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,3fr);gap:6vw;max-width:1360px;margin-inline:auto}
.blog-toc nav{position:sticky;top:142px;max-width:225px}
.blog-toc nav>p{font-size:14px;font-weight:600;margin-bottom:16px}
.blog-toc a{display:block;padding:12px 0;border-top:1px solid #cccccc;font-size:14px;line-height:1.4;min-height:44px;color:#555555}
.blog-toc a:hover{color:var(--graphite);text-decoration:underline;text-underline-offset:3px}
.blog-prose{max-width:720px;width:100%;font-size:18px;line-height:1.75}
.blog-lead{font-size:clamp(22px,2.2vw,31px);line-height:1.45;letter-spacing:-.025em;margin-bottom:50px;font-weight:450}
.blog-text-section{scroll-margin-top:132px;margin-top:43px}
.blog-text-section h2{font-size:clamp(27px,2.9vw,37px);line-height:1.16;letter-spacing:-.04em;font-weight:560;margin-bottom:22px;text-wrap:balance}
.blog-text-section p+p{margin-top:20px}
.blog-text-section ul{padding-left:1.2em}
.blog-text-section li+li{margin-top:10px}
.blog-takeaway{border-block:1px solid #000000;margin-top:45px;padding:28px 30px;background:var(--accent);color:var(--accent-ink);font-size:21px;line-height:1.5;letter-spacing:-.025em;font-weight:500}
.blog-editorial-note{font-size:13px;line-height:1.65;color:#606060;margin-top:30px}
.blog-case-links{margin-top:45px;padding:0;border-block:1px solid #b9b9b9;display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);align-items:stretch}
.blog-case-primary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 24px 25px 0;font-size:18px;font-weight:600;border-right:1px solid #b9b9b9}
.blog-case-primary>span:last-child{font-size:24px;transition:transform .3s var(--ease)}
.blog-case-primary:hover>span:last-child,.blog-case-primary:focus-visible>span:last-child{transform:translate(3px,-3px)}
.blog-case-links>div{padding:22px 0 22px 25px}
.blog-case-links>div>p{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#666666;margin-bottom:10px}
.blog-case-links nav{display:flex;gap:7px 17px;flex-wrap:wrap}
.blog-case-links nav a{font-size:14px;line-height:1.35;text-decoration:underline;text-decoration-color:#b9b9b9;text-underline-offset:4px}
.blog-case-links nav a:hover{text-decoration-color:#000000}
.blog-back-end{margin-top:26px;border-bottom:1px solid #aaaaaa}
.blog-related{padding-top:80px;padding-bottom:95px}
.blog-related-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
.blog-related-heading h2{font-size:clamp(36px,4.6vw,68px);line-height:1.04;letter-spacing:-.055em;font-weight:510}
.blog-related-heading>a{font-size:14px;display:flex;align-items:center;gap:20px;min-height:44px;white-space:nowrap}
.blog-related-heading>a>span{font-size:23px}
.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1030px}
.blog-related-grid .blog-cover{aspect-ratio:1.65/1}
.blog-related-grid .blog-cover-social .blog-art-word{font-size:clamp(48px,5vw,76px)}
.blog-related-grid .blog-art-calendar{max-width:250px}
.blog-related-grid .blog-cover-web .blog-art-word{font-size:clamp(44px,4.7vw,70px)}
.blog-related-grid .blog-card h3{max-width:480px}
.blog-related-grid .blog-card-excerpt{max-width:460px}
@media(min-width:1750px){.blog-card h2,.blog-card h3{font-size:40px}.blog-art-word{font-size:88px}.blog-cover-identity .blog-art-word{font-size:170px}.blog-cover-web .blog-art-word{font-size:75px}}
@media(max-width:1100px){.blog-card-grid{gap:20px}.blog-cover{padding:21px}.blog-art-samples{right:21px;top:23px}.blog-art-samples i{width:30px;height:29px;font-size:20px}.blog-card-bottom{align-items:flex-start;flex-direction:column;gap:8px}.blog-read{min-height:36px}.blog-post-heading-grid{gap:5vw;grid-template-columns:1.5fr 1fr}.blog-reading-layout{gap:5vw}.blog-prose{font-size:17px}.blog-related-grid .blog-card-bottom{flex-direction:row;align-items:center}}
@media(max-width:760px){.blog-index-header{padding-top:32px;padding-bottom:48px}.blog-topic{font-size:13px;margin-bottom:25px}.blog-index-intro{display:block}.blog-index-intro h1{font-size:clamp(74px,22vw,150px);line-height:.87}.blog-index-summary{margin-top:32px;padding:0}.blog-index-summary>p:first-child{font-size:27px;max-width:390px}.blog-index-summary>p:nth-child(2){margin-top:18px;font-size:16px}.blog-index-draft{margin-top:23px;font-size:12px}.blog-list{padding-bottom:60px}.blog-card-grid{grid-template-columns:1fr;gap:43px}.blog-cover{aspect-ratio:1.5/1;padding:26px}.blog-art-word{font-size:clamp(58px,13vw,86px)}.blog-cover-identity .blog-art-word{font-size:clamp(120px,30vw,180px)}.blog-cover-web .blog-art-word{font-size:clamp(50px,11vw,75px)}.blog-art-samples{right:28px;top:28px}.blog-art-samples i{width:39px;height:35px;font-size:25px}.blog-art-calendar{margin-top:17px;max-width:285px}.blog-art-calendar i{height:27px}.blog-art-caption{margin-top:16px;font-size:12px}.blog-card-copy{padding-top:20px}.blog-card-category{margin-bottom:10px}.blog-card h2,.blog-card h3{font-size:30px;max-width:480px}.blog-card-excerpt{font-size:16px;margin-top:13px;max-width:450px}.blog-card-bottom{flex-direction:row;align-items:center;padding-top:17px;gap:12px}.blog-index-outro{padding-top:42px;padding-bottom:50px;display:block}.blog-index-outro>p{font-size:38px}.blog-index-outro>a{margin-top:28px;font-size:14px;max-width:340px;gap:14px;justify-content:space-between}.blog-post-header{padding-top:19px;padding-bottom:37px}.blog-post-heading-grid{display:block;margin-top:34px}.blog-post-heading h1{font-size:clamp(42px,10.5vw,64px);line-height:1.04;letter-spacing:-.05em}.blog-post-heading .blog-topic{margin-bottom:20px}.blog-draft-notice{margin-top:25px;font-size:12px;gap:11px}.blog-post-art{margin-top:34px}.blog-post-art .blog-cover{aspect-ratio:1.6/1}.blog-post-art .blog-cover-identity .blog-art-word{font-size:clamp(118px,31vw,190px)}.blog-post-art .blog-art-word{font-size:clamp(54px,14vw,90px)}.blog-post-art .blog-cover-web .blog-art-word{font-size:clamp(50px,12vw,80px)}.blog-reading{padding-top:33px;padding-bottom:50px}.blog-reading-layout{display:flex;flex-direction:column;gap:34px}.blog-toc nav{position:static;max-width:none}.blog-toc nav>p{margin-bottom:12px}.blog-toc a{font-size:14px;padding-block:11px}.blog-prose{max-width:100%;font-size:17px;line-height:1.75}.blog-lead{font-size:23px;line-height:1.5;margin-bottom:33px;letter-spacing:-.03em}.blog-text-section{margin-top:33px;scroll-margin-top:110px}.blog-text-section h2{font-size:29px;margin-bottom:18px}.blog-text-section p+p{margin-top:18px}.blog-takeaway{margin-top:34px;padding:23px;font-size:20px}.blog-editorial-note{font-size:12px;margin-top:25px}.blog-related{padding-top:48px;padding-bottom:60px}.blog-related-heading{display:block;margin-bottom:29px}.blog-related-heading h2{font-size:40px;max-width:400px}.blog-related-heading>a{margin-top:14px;justify-content:space-between;max-width:150px}.blog-related-grid{grid-template-columns:1fr}.blog-related-grid .blog-cover{aspect-ratio:1.6/1}.blog-related-grid .blog-cover-social .blog-art-word{font-size:clamp(54px,13vw,78px)}.blog-related-grid .blog-cover-web .blog-art-word{font-size:clamp(48px,12vw,72px)}}
@media(max-width:360px){.blog-cover{padding:22px}.blog-art-word{font-size:53px}.blog-cover-identity .blog-art-word{font-size:114px}.blog-art-caption{font-size:11px}.blog-art-samples{right:22px;top:23px}.blog-card h2,.blog-card h3{font-size:27px}.blog-status{font-size:10px;padding:5px 6px}.blog-read{font-size:12px;gap:7px}.blog-post-heading h1{font-size:39px}.blog-post-art .blog-cover{aspect-ratio:1.35/1}.blog-takeaway{padding:20px}.blog-post-art .blog-art-word{font-size:52px}}
@media(max-width:760px){.blog-cover-project,.blog-post-art .blog-cover-project,.blog-related-grid .blog-cover-project{padding:0}.blog-cover-project figcaption{padding:22px 23px}.blog-case-links{margin-top:34px;display:block}.blog-case-primary{border-right:0;border-bottom:1px solid #b9b9b9;padding:20px 0}.blog-case-links>div{padding:18px 0 20px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .blog-card-link *{transition:none!important}body:not(.motion-enabled) .blog-card-link:hover .blog-art-word,body:not(.motion-enabled) .blog-card-link:focus-visible .blog-art-word,body:not(.motion-enabled) .blog-card-link:hover .blog-read>span,body:not(.motion-enabled) .blog-card-link:focus-visible .blog-read>span,body:not(.motion-enabled) .blog-card-link:hover .blog-art-calendar i,body:not(.motion-enabled) .blog-card-link:focus-visible .blog-art-calendar i{transform:none}body:not(.motion-enabled) .blog-card-link:hover .blog-art-wire i,body:not(.motion-enabled) .blog-card-link:focus-visible .blog-art-wire i{transform:none}}

/* Keep editorial cover captions inside their composition at narrow sizes. */
.blog-cover{min-height:270px}
@media(max-width:760px){.blog-cover{min-height:260px}.blog-related-grid .blog-cover,.blog-post-art .blog-cover{min-height:260px}}

/* kinetic.css */
/* Type, composition and interaction. No scroll locking or entrance gate. */
:root{--motion-enter:cubic-bezier(.16,1,.3,1);--motion-leave:cubic-bezier(.7,0,.84,0)}
.type-reveal .reveal-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}
.type-line{display:block;transform-origin:0 100%}
body.motion-enabled .type-reveal.is-revealing .reveal-line{animation:none!important;transform:none!important;clip-path:none!important}
body.motion-enabled .type-reveal.is-revealing .type-line{animation:type-compose 950ms var(--motion-enter) both!important;animation-delay:var(--line-delay,0ms)!important}
@keyframes type-compose{from{transform:translateY(110%) skewY(4deg) scaleX(.94)}to{transform:translateY(0) skewY(0) scaleX(1)}}

.service-list summary{position:relative;isolation:isolate;overflow:hidden}
.service-list summary:before{content:'';position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;z-index:-1}
.service-list details[open] summary:before{transform:scaleX(1)}
.service-list details[open] summary{color:#000}
.service-list details[open] summary .toggle-mark{margin-right:18px}
.service-list details[open] summary .toggle-mark:before,.service-list details[open] summary .toggle-mark:after{background:#000}
.service-list details[open] summary h3{transform:translateX(16px);padding-right:16px}
.service-list details[open] .service-copy{padding-top:22px}
body.motion-enabled .service-list summary:before{transition:transform 480ms var(--motion-enter)!important}
body.motion-enabled .service-list summary h3{transition:transform 480ms var(--motion-enter)!important}
body.motion-enabled .service-list details[open] .service-copy{animation:copy-open 520ms var(--motion-enter)!important}
body.motion-enabled .art-scene{animation:scene-assemble 720ms var(--motion-enter)!important}
body.motion-enabled .art-scene>*{animation:scene-part 800ms var(--motion-enter) both!important}
body.motion-enabled .art-scene>*:nth-child(2){animation-delay:90ms!important}
body.motion-enabled .art-scene>*:nth-child(3){animation-delay:160ms!important}
@keyframes copy-open{from{clip-path:inset(0 0 100% 0);transform:translateY(-12px)}to{clip-path:inset(0);transform:translateY(0)}}
@keyframes scene-assemble{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes scene-part{from{transform:translateX(9%)}to{transform:translateX(0)}}

.process-panel{overflow:hidden}
body.motion-enabled .process-panel{animation:panel-compose 620ms var(--motion-enter)!important}
body.motion-enabled .process-panel .process-word{animation:process-type 800ms var(--motion-enter) both!important}
body.motion-enabled .process-panel h3,body.motion-enabled .process-panel>p{animation:process-copy 650ms 80ms var(--motion-enter) both!important}
@keyframes panel-compose{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
@keyframes process-type{from{transform:translateX(18%) skewX(-6deg)}to{transform:none}}
@keyframes process-copy{from{transform:translateX(24px)}to{transform:none}}

.concept-art-stage{transform-origin:center}
.concept-card-title{overflow:hidden;padding-bottom:3px}
.concept-card-title h3{transform-origin:left}
.blog-cover-web{border:1px solid #555}
body.motion-enabled .concept-art-stage,body.motion-enabled .concept-card-title h3,body.motion-enabled .concept-card-title svg,body.motion-enabled .blog-art-word,body.motion-enabled .blog-read>span{transition:transform 580ms var(--motion-enter)!important}
body.motion-enabled .concept-card.is-arriving .concept-art-stage{animation:project-compose 900ms var(--motion-enter) both!important;animation-delay:var(--card-delay,0ms)!important}
body.motion-enabled .concept-card.is-arriving .concept-card-title h3{animation:project-title 740ms var(--motion-enter) both!important;animation-delay:var(--card-delay,0ms)!important}
body.motion-enabled .blog-card.is-arriving .blog-art-word{animation:project-title 850ms var(--motion-enter) both!important;animation-delay:var(--card-delay,0ms)!important}
@keyframes project-compose{from{transform:translateY(12%) scale(.9);clip-path:inset(0 0 100% 0)}to{transform:none;clip-path:inset(0)}}
@keyframes project-title{from{transform:translateY(105%)}to{transform:none}}
@media(hover:hover){
  body.motion-enabled .concept-card>a:hover .concept-art-stage,body.motion-enabled .concept-card>a:focus-visible .concept-art-stage{transform:scale(1.035) translateY(-3px)}
  body.motion-enabled .concept-card>a:hover .concept-card-title h3,body.motion-enabled .concept-card>a:focus-visible .concept-card-title h3{transform:translateX(8px);text-decoration:none}
  body.motion-enabled .concept-card>a:hover .concept-card-title svg,body.motion-enabled .concept-card>a:focus-visible .concept-card-title svg{transform:translate(5px,-5px)}
  body.motion-enabled .blog-card-link:hover .blog-art-word,body.motion-enabled .blog-card-link:focus-visible .blog-art-word{transform:translateX(9px) scale(1.025)}
  body.motion-enabled .blog-card-link:hover .blog-read>span{transform:translate(5px,-5px)}
}

/* Native page transitions keep links and browser history intact. */
.site-header{view-transition-name:site-header}
html.motion-active::view-transition-old(root){animation:page-depart 200ms var(--motion-leave) both!important}
html.motion-active::view-transition-new(root){animation:page-compose 560ms var(--motion-enter) both!important}
html.motion-active::view-transition-old(site-header),html.motion-active::view-transition-new(site-header){animation:none!important}
@keyframes page-depart{to{transform:translateY(-26px)}}
@keyframes page-compose{from{clip-path:inset(100% 0 0 0);transform:translateY(28px)}to{clip-path:inset(0);transform:none}}
html:not(.motion-active)::view-transition-old(root),html:not(.motion-active)::view-transition-new(root){animation:none!important}
.motion-paused .type-line,.motion-paused .art-scene>*,.motion-paused .service-copy,.motion-paused .process-panel *,.motion-paused .concept-art-stage,.motion-paused .concept-card-title h3,.motion-paused .blog-art-word{animation:none!important;transform:none!important;clip-path:none!important;transition:none!important}
.motion-paused .service-list summary:before,.motion-paused .service-list summary h3{transition:none!important}
@media(max-width:760px){
  .service-list details[open] summary h3{transform:translateX(12px);padding-right:12px}
  .service-list details[open] summary .toggle-mark{margin-right:12px}
  body.motion-enabled .type-reveal.is-revealing .type-line{animation-duration:780ms!important}
  body.motion-enabled .concept-card.is-arriving .concept-art-stage{animation-duration:700ms!important;animation-delay:0ms!important}
}

/* signature.css */
/* A handwritten counterpoint to Archivo; local font licensed under SIL OFL. */
/* Keep the note clear of the header when the opening copy has been removed. */
@media(min-width:761px){.hero>.hero-composition:first-child{margin-top:96px}}
@font-face{font-family:Caveat;src:url('assets/caveat-variable.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
.handwritten{font-family:Caveat,cursive;font-weight:550;font-style:normal;letter-spacing:-.025em;line-height:.96}
.hero-type-note.handwritten{top:-98px;right:3%;bottom:auto;width:210px;font-size:50px;color:#fff;transform:rotate(-8deg);text-align:center;opacity:1!important}
.hero-type-note .ink-note{display:block}
.note-arrow{position:absolute;right:155px;top:42px;width:125px;height:78px;overflow:visible;stroke-width:2;transform:rotate(8deg)}
.hero-ink{position:absolute;left:0;bottom:0;width:var(--ink-width,57%);height:30px;overflow:visible;stroke-width:2.2;pointer-events:none}
.hero-ink path,.note-arrow path,.bridge-note path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.hero-ink path{stroke-width:3}
.kinetic-word{background:linear-gradient(110deg,#fff 22%,#969696 42%,#fff 62%,#fff 100%);background-size:240% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent}
body.motion-enabled .kinetic-word{animation:type-light 4.2s linear infinite!important}
body.motion-enabled .hero-offscreen .kinetic-word{animation-play-state:paused!important}
body.motion-enabled .hero-type-note .ink-note{animation:ink-note 1s .35s var(--motion-enter) both!important}
body.motion-enabled .note-arrow path{animation:ink-draw 1.3s .45s var(--motion-enter) both!important}
@keyframes type-light{from{background-position:100% 0}to{background-position:0 0}}
@keyframes ink-note{from{clip-path:inset(0 100% 0 0);transform:translateX(-8px) rotate(-3deg)}to{clip-path:inset(0);transform:none}}
@keyframes ink-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

.office.office-bridge{display:grid;grid-template-columns:1.55fr 1fr;align-items:center;gap:8vw;padding-top:110px;padding-bottom:45px}
.office-bridge h2{font-size:clamp(34px,4.2vw,72px);font-weight:550;line-height:1.07;letter-spacing:-.055em}
.office-bridge-copy{max-width:450px;padding-top:9px}
.office-bridge-copy>p{font-size:clamp(17px,1.35vw,21px);line-height:1.65;color:#b8b8b8}
.tonal-type{background:linear-gradient(105deg,#fff 15%,#aaa 85%);background-clip:text;-webkit-background-clip:text;color:transparent}
.bridge-note{position:relative;width:fit-content;margin:30px 0 0 40px;font-size:44px;color:#fff;transform:rotate(-5deg)}
.bridge-note svg{position:absolute;top:40px;right:calc(100% + 5px);width:132px;height:74px;stroke-width:2;overflow:visible}
body.motion-enabled .office-bridge.is-written .bridge-note path{animation:ink-draw 1.3s .2s var(--motion-enter) both!important}
body.motion-enabled .office-bridge.is-written .bridge-note>span{display:block;animation:ink-note 1s .15s var(--motion-enter) both!important}
.office-bridge+.services{padding-top:20px}

.project-discovery{position:relative;overflow:hidden;isolation:isolate;container-type:inline-size}
.project-lens{position:absolute;inset:0;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:18px;padding:30px;clip-path:inset(100% 0 0 0);pointer-events:none}
.project-lens-word{font-size:24cqw;line-height:.91;letter-spacing:-.07em;font-weight:730;background:linear-gradient(110deg,#fff 25%,#aaa);background-clip:text;-webkit-background-clip:text;color:transparent}
.project-lens-note{font-size:clamp(28px,5.5cqw,44px);text-align:right;transform:rotate(-4deg);transform-origin:right bottom;padding-bottom:5px}
body.motion-enabled .project-lens{transition:clip-path 600ms var(--motion-enter)!important}
body.motion-enabled .concept-card.is-arriving .project-lens{animation:discover-project 1700ms var(--motion-enter) both!important;animation-delay:var(--card-delay,0ms)!important}
body.motion-enabled .concept-card.is-arriving .project-lens-word{animation:discovery-word 1s var(--motion-enter) both!important}
@keyframes discover-project{0%,38%{clip-path:inset(0)}100%{clip-path:inset(0 0 100% 0)}}
@keyframes discovery-word{from{transform:translateY(30%) skewX(-5deg)}to{transform:none}}
@media(hover:hover){
  body.motion-enabled .concept-card>a:hover .project-lens,body.motion-enabled .concept-card>a:focus-visible .project-lens{clip-path:inset(43% 0 0 0)}
  body.motion-enabled .concept-card>a:hover .concept-art-stage{transform:scale(1.035) translateY(-8%)}
}
.motion-paused .kinetic-word,.motion-paused .ink-note,.motion-paused .bridge-note>span,.motion-paused .project-lens,.motion-paused .project-lens-word{animation:none!important;transition:none!important}
.motion-paused .hero-ink path,.motion-paused .note-arrow path,.motion-paused .bridge-note path{animation:none!important;stroke-dashoffset:0!important}
.motion-paused .project-lens{clip-path:inset(100% 0 0 0)!important}
.motion-paused .ink-note,.motion-paused .bridge-note>span{clip-path:none!important;transform:none!important}
@media(max-width:1100px){.hero-type-note.handwritten{font-size:39px;width:168px;top:-82px;right:1%}.note-arrow{width:95px;right:120px;top:34px}.office.office-bridge{gap:5vw}.bridge-note{font-size:37px;margin-left:20px}.bridge-note svg{width:95px;right:100%;top:35px}.project-lens{padding:24px;gap:14px}}
@media(max-width:760px){
  .hero-type-note.handwritten{top:auto;bottom:21px;right:7px;width:126px;font-size:33px;text-align:center;transform:rotate(-8deg)}
  .note-arrow{right:73px;top:-40px;width:75px;height:54px;transform:rotate(135deg)}
  .hero-ink{height:16px;bottom:0;stroke-width:3}.hero-ink path{stroke-width:4}
  .office.office-bridge{display:block;padding-top:66px;padding-bottom:30px}
  .office-bridge h2{font-size:clamp(28px,7.4vw,56px);line-height:1.16;letter-spacing:-.045em}
  .office-bridge-copy{padding-top:0;max-width:none;margin-top:27px}
  .office-bridge-copy>p{font-size:16px;line-height:1.7}
  .bridge-note{font-size:37px;margin:24px 0 0 auto;right:7px}
  .bridge-note svg{width:92px;top:16px;right:calc(100% + 12px)}
  .office-bridge+.services{padding-top:28px}
  .project-lens{padding:22px;gap:14px}.project-lens-note{font-size:30px}
}
@media(max-width:360px){.hero-type-note.handwritten{font-size:28px;right:2px;width:111px;bottom:17px}.note-arrow{width:65px;right:65px;top:-35px}.bridge-note{font-size:33px}.project-lens{padding:18px}.project-lens-note{font-size:26px}}

/* company.css */
/* About and contact share the existing Archivo/Caveat editorial language. */
.company-page{color:#000;background:#fff}.company-intro{padding-top:70px;padding-bottom:90px}.company-eyebrow{font-size:13px;letter-spacing:.025em;line-height:1.5}.company-intro h1{font-size:clamp(56px,9vw,150px);font-weight:730;font-stretch:112%;letter-spacing:-.065em;line-height:1.03;margin-top:52px}.company-intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:62px}.company-intro-bottom>p{max-width:540px;font-size:clamp(18px,1.7vw,26px);line-height:1.5}.company-note{font-size:46px;display:block;transform:rotate(-6deg);width:max-content;padding-left:8vw}.company-story,.contact-start{border-top:1px solid #ccc;padding-block:80px;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.company-story h2,.contact-start h2,.company-section-top h2,.company-outro h2{font-size:clamp(32px,4.5vw,68px);letter-spacing:-.05em;line-height:1.09;font-weight:600}.company-story p:not(.company-eyebrow),.contact-start p:not(.company-eyebrow){max-width:760px;font-size:18px;line-height:1.75;margin-top:25px;color:#444}.company-services{padding-block:70px 90px;background:#f5f5f5}.company-section-top{display:grid;grid-template-columns:1fr 2fr;gap:8vw;margin-bottom:52px}.company-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.company-service-grid article{border-top:1px solid #aaa;padding-top:20px}.company-service-grid article>span{font-size:12px;color:#555}.company-service-grid h3{font-size:24px;letter-spacing:-.035em;line-height:1.2;margin-top:36px}.company-service-grid p{font-size:16px;line-height:1.65;margin-top:18px;color:#444}.company-outro{padding-block:85px}.company-outro h2{margin-top:24px}.company-button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-height:58px;background:#000;color:#fff;padding:18px 24px;margin-top:38px}.company-button:hover{background:#333}.company-outro>.text-link{margin-left:28px}.contact-page-link{display:flex;align-items:center;justify-content:space-between}.contact-action>p a:hover{text-decoration:underline;text-underline-offset:5px}.contact-channels{padding-bottom:65px}.contact-channel{display:grid;grid-template-columns:minmax(110px,1fr) 3fr 32px;align-items:center;gap:25px;min-height:135px;border-top:1px solid #aaa;transition:background .2s}.contact-channel:last-child{border-bottom:1px solid #aaa}.contact-channel-value{font-size:clamp(25px,3.4vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1.25;overflow-wrap:anywhere}.contact-channel-arrow{font-size:32px;transition:transform .2s}.contact-channel:hover .contact-channel-arrow{transform:translate(4px,-4px)}.contact-channel:hover .contact-channel-value{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.contact-start{border:0;padding-top:20px}.contact-start .contact-areas{font-size:14px}.company-page :focus-visible{outline-color:#000}.company-button:focus-visible{outline-offset:5px}.footer-expanded nav{flex-wrap:wrap}
@media(max-width:1000px){.company-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.contact-channel{grid-template-columns:105px 1fr 25px}.company-note{padding-left:2vw;font-size:38px}}
@media(max-width:760px){.company-intro{padding-top:40px;padding-bottom:55px}.company-intro h1{font-size:14vw;margin-top:35px}.company-intro-bottom{grid-template-columns:1fr;gap:36px;margin-top:40px}.company-note{font-size:35px;padding-left:0}.company-intro-bottom>p{font-size:18px;max-width:100%}.company-story,.contact-start,.company-section-top{grid-template-columns:1fr;gap:28px}.company-story{padding-block:45px}.company-story p:not(.company-eyebrow),.contact-start p:not(.company-eyebrow){font-size:16px;margin-top:20px}.company-services{padding-block:45px}.company-section-top{margin-bottom:35px}.company-service-grid{gap:28px 20px}.company-service-grid h3{font-size:22px;margin-top:20px}.company-service-grid p{font-size:15px}.company-outro{padding-block:50px}.company-outro>.text-link{display:flex;width:max-content;margin:25px 0 0}.contact-channel{grid-template-columns:1fr 28px;gap:14px;padding-block:25px;min-height:130px}.contact-channel>.company-eyebrow{grid-column:1/-1}.contact-channel-value{font-size:clamp(22px,5.8vw,40px)}.contact-channel-arrow{font-size:26px}.contact-channels{padding-bottom:40px}.contact-start{padding-block:10px 50px}.contact-start .contact-areas{font-size:13px}.footer-expanded nav{justify-content:flex-start;gap:14px 22px}}
@media(max-width:360px){.company-service-grid{grid-template-columns:1fr}.company-intro h1{font-size:14vw}}

/* Contact details remain readable and immediately usable on narrow screens. */
.contact-page .company-intro h1 { margin-top: 0; }
.contact-page .contact-channel {
  grid-template-columns: minmax(100px,1fr) minmax(0,3fr);
  min-height: 116px;
}
.contact-page .contact-channel-value { min-width: 0; }
.contact-page .contact-channel:focus-visible,
.contact-page .contact-map-link:focus-visible {
  outline: 2px solid #000;
  outline-offset: 4px;
}
.contact-location {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,3fr);
  gap: 25px;
  padding-block: 10px 65px;
}
main#icerik.contact-page .contact-location h2 {
  font-size: 26px;
  line-height: 1.3;
  text-wrap: initial;
}
.contact-location-details { min-width: 0; }
.contact-location address {
  font-size: clamp(18px,1.7vw,24px);
  font-style: normal;
  line-height: 1.7;
  overflow-wrap: break-word;
}
.contact-map-link {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  min-height: 48px;
  margin-top: 16px;
  border-bottom: 1px solid #000;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.contact-map-link:hover { color: #425e76; }
.contact-page .contact-start { display: block; }
@media (max-width:760px) {
  .contact-page .company-intro { padding-block: 32px 36px; }
  .contact-page .company-intro-bottom { margin-top: 24px; gap: 0; }
  .contact-page .company-note { display: none; }
  .contact-page .contact-channel {
    grid-template-columns: minmax(0,1fr);
    gap: 8px;
    min-height: 104px;
    padding-block: 20px;
  }
  .contact-page .contact-channel > .company-eyebrow { grid-column: auto; }
  main#icerik.contact-page .contact-channel-value {
    font-size: clamp(18px,5vw,22px);
    line-height: 1.4;
    letter-spacing: -.02em;
  }
  .contact-page .contact-channels { padding-bottom: 36px; }
  .contact-location {
    grid-template-columns: minmax(0,1fr);
    gap: 16px;
    padding-block: 8px 44px;
  }
  main#icerik.contact-page .contact-location h2 { font-size: 26px; }
  .contact-location address { font-size: 17px; line-height: 1.65; }
  .contact-page .contact-start { padding-block: 0 44px; }
}

.contact-brief{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:8vw;padding-block:72px 88px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.contact-brief-heading h2{font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:570}.contact-brief-heading>p{font-size:16px;line-height:1.7;color:#555;max-width:440px;margin-top:28px}
.contact-request-form{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px}.contact-field{display:flex;flex-direction:column;gap:10px}.contact-field-wide,.contact-consent,.contact-submit{grid-column:1/-1}.contact-field label{font-size:13px;color:#555}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:0;border-bottom:1px solid #999;border-radius:0;background:#fff;color:#000;font:inherit;font-size:18px;line-height:1.4;padding:10px 0 13px;outline:none}.contact-field textarea{resize:vertical;min-height:120px}.contact-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#000 50%),linear-gradient(135deg,#000 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 9px) 52%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:35px}.contact-field :is(input,select,textarea):focus{border-bottom-color:#000;box-shadow:0 1px 0 #000}.contact-field :is(input,select,textarea):user-invalid{border-bottom-color:#a41919}
.contact-consent{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;font-size:13px;line-height:1.55;color:#555}.contact-consent input{width:17px;height:17px;margin-top:2px;accent-color:#000}.contact-consent a{text-decoration:underline;text-underline-offset:3px;color:#000}.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-submit{display:flex;align-items:center;gap:22px}.contact-submit button{border:0;background:#000;color:#fff;font:inherit;font-size:15px;min-height:58px;padding:16px 22px;cursor:pointer}.contact-submit button:hover{background:#293d4e}.contact-submit p{font-size:13px;color:#555}.contact-noscript{grid-column:1/-1;font-size:13px;color:#555}
@media(max-width:760px){.contact-brief{grid-template-columns:1fr;gap:38px;padding-block:47px 54px}.contact-brief-heading h2{font-size:12vw}.contact-brief-heading>p{font-size:15px;margin-top:20px}.contact-request-form{grid-template-columns:1fr;gap:25px}.contact-field-wide,.contact-consent,.contact-submit{grid-column:1}.contact-field input,.contact-field select,.contact-field textarea{font-size:16px}.contact-submit{align-items:flex-start;flex-direction:column}.contact-submit button{width:100%;justify-content:space-between}.contact-consent{font-size:12px}}

/* services.css */
/* Compact, readable service catalogue; details open only on request. */
#hizmetler{padding-top:40px;padding-bottom:48px}
.services .services-layout{display:block}
.services .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:36px;width:100%;min-width:0;border-top:1px solid #d6d6d6}
.services .service-list details{border:0;border-bottom:1px solid #d6d6d6;min-width:0}
.services .service-list summary{min-height:60px;padding:12px;gap:16px;color:#000}
.services .service-list summary:before{display:none}
.services .service-list summary h3{font-size:19px;line-height:1.35;letter-spacing:-.025em;font-weight:500;min-width:0}
.services .service-list details[open] summary{color:#000}
.services .service-list details[open] summary h3{color:#000;transform:none;padding-right:0}
.services .service-list .toggle-mark,.services .service-list details[open] summary .toggle-mark{flex:0 0 22px;width:22px;height:22px;margin:0}
.services .service-list .toggle-mark:before,.services .service-list .toggle-mark:after{width:14px;left:4px;top:10px;background:#000}
.services .service-list .service-copy,.services .service-list details[open] .service-copy{padding:10px 12px 18px;max-width:none}
.services .service-list .service-copy p{font-size:15px;line-height:1.65;max-width:62ch;color:#444}
.services .service-list .service-copy>span{font-size:12px;line-height:1.6;margin-top:12px;color:#555}
@media(max-width:760px){#hizmetler{padding-top:28px;padding-bottom:32px}.services .service-list{grid-template-columns:1fr;gap:0}.services .service-list summary{min-height:56px;padding:11px 10px;gap:12px}.services .service-list summary h3{font-size:17px;line-height:1.35}.services .service-list .service-copy,.services .service-list details[open] .service-copy{padding:8px 10px 16px}.services .service-list .service-copy p{font-size:15px}.services .service-list .service-copy>span{font-size:11px}}

/* light.css */
/* Local light edition. Load after the existing shared stylesheets. */
:root {
  color-scheme: light;
  --graphite: #ffffff;
  --paper: #000000;
  --accent: #000000;
  --accent-ink: #ffffff;
  --muted: #595959;
  --line: #d6d6d6;
}

/* The supplied Torun mark is white on black. Client logos stay untouched. */
.brand img { filter: invert(1); mix-blend-mode: multiply; }
.site-header nav [aria-current=page],
.site-header .nav-contact,
.footer-expanded nav a:hover,
.body-link { color: #000000; }
.hero-type-note.handwritten,
.bridge-note,
.hero-ink { color: #000000; }
.office-bridge-copy>p { color: var(--muted); }
.kinetic-word {
  background-image: linear-gradient(110deg,#000 22%,#686868 42%,#000 62%,#000 100%);
}
.tonal-type {
  background-image: linear-gradient(105deg,#000 15%,#595959 85%);
}

/* Keep the existing artwork and white reading surfaces internally consistent. */
:where(.service-study,.concept-art,.blog-cover,.references,.project-catalog,
  .client-pending,.client-content-note,.concept-applications,
  .project-draft-gallery,.blog-reading,dialog) {
  --graphite: #000000;
  --paper: #ffffff;
  --accent: #ffffff;
  --accent-ink: #000000;
  --muted: #595959;
  --line: #d6d6d6;
}
:where(.service-study,.concept-art,.blog-cover) {
  box-shadow: inset 0 0 0 1px #d6d6d6;
}
.concept-stationery-note { color: #000000; }
.concept-takeaway { background: #000000; color: #ffffff; }
.dark-logo-ground { background: #000000; }

/* Distinct black interaction states on the white page. */
.service-list summary:hover { color: #000000; }
.service-list summary:before { background: #000000; }
.service-list details[open] summary { color: #ffffff; }
.service-list details[open] summary .toggle-mark:before,
.service-list details[open] summary .toggle-mark:after { background: #ffffff; }
.brief-open,
.project-button,
.project-button--dark,
.download-brief { background: #000000; color: #ffffff; }
.brief-open:hover,
.project-button:hover,
.project-button--dark:hover,
.download-brief:hover,
.hero-orbit:hover { background: #262626; color: #ffffff; }
.hero-orbit:focus-visible { outline-color: #000000; }
.explore:hover span { background: #eeeeee; }

/* Native controls and the local brief dialog use a light reading surface. */
dialog { background: #ffffff; color: #000000; }
dialog input:not([type=checkbox]),
dialog textarea,
.project-search input { color: #000000; }
dialog input:not([type=checkbox]),
dialog textarea { background: #ffffff; border-color: #8c8c8c; }
dialog .service-choices label { border-color: #8c8c8c; }
dialog .service-choices label:has(input:checked) {
  background: #eeeeee;
  border-color: #000000;
}
dialog input[type=checkbox] { accent-color: #000000; }
.project-page :focus-visible { outline-color: #000000; }
/* Explicit width prevents aspect-ratio plus min-height widening article art on phones. */
.blog-post-art .blog-cover{width:100%;min-width:0}

/* section-cleanup.css */
/* Layout after decorative paragraph labels are removed by the page wrapper. */
.approach-heading {
  grid-template-columns: minmax(0,1.65fr) minmax(0,1fr);
  gap: clamp(28px,5vw,88px);
  align-items: end;
}
.approach-heading>h2 { min-width: 0; }
.approach-heading>p:last-child {
  grid-column: auto;
  margin: 0;
  max-width: 440px;
}

.company-story,
.contact-start,
.company-section-top {
  grid-template-columns: minmax(0,1fr);
  gap: 0;
}
.company-story>div,
.contact-start>div { min-width: 0; max-width: 960px; }
.company-intro h1:first-child,
.company-outro h2:first-child,
.project-preview-callout h2:first-child,
.references-heading h2:first-child { margin-top: 0; }

.references-heading { align-items: flex-end; }
.references-heading>div { min-width: 0; }
.references-heading>p { margin: 0; }

@media(max-width:760px) {
  .approach-heading>p:last-child { margin-top: 24px; max-width: none; }
}
/* The removed hero footer should not leave an empty viewport-height block. */
.hero{min-height:0;padding-bottom:32px}

/* footer.css */
/* A compact four-column footer, aligned to the site's content grid. */
.site-footer-contact{background:#fff;color:#000;border-top:1px solid #d6d6d6}
.footer-main{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-block:36px;align-items:start}
.site-footer-contact .footer-brand{width:132px;margin-top:2px}
.footer-column{min-width:0}
.site-footer-contact .footer-label{font-size:12px;line-height:1.5;font-weight:400;letter-spacing:0;color:#595959;margin:0 0 10px}
.footer-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;max-width:245px}
.footer-navigation a,.footer-direct a{display:flex;align-items:center;min-height:32px;font-size:14px;line-height:1.5;width:fit-content;max-width:100%;overflow-wrap:anywhere}
.footer-direct{display:flex;flex-direction:column;align-items:flex-start}
.footer-social{display:flex;align-items:center;gap:14px}
.footer-social .social-icon{width:24px;height:32px;display:grid;place-items:center;color:#000}
.footer-social svg{width:22px;height:22px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-social .social-dot{fill:currentColor;stroke:none}
.footer-social .social-fill{fill:currentColor;stroke:none}
.social-icon--static{cursor:default}
.footer-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;align-items:center;min-height:56px;border-top:1px solid #d6d6d6}
.footer-bottom small,.footer-top{font-size:12px;line-height:1.5;color:#595959}
.footer-legal{grid-column:2/4;display:flex;align-items:center;gap:22px}.footer-legal a{font-size:12px;line-height:1.5;color:#595959;min-height:36px;display:inline-flex;align-items:center}
.footer-top{grid-column:4;display:inline-flex;align-items:center;gap:12px;width:fit-content;min-height:44px}
.footer-top svg{width:15px;height:15px;stroke-width:1.5}
.site-footer-contact a:focus-visible{outline:2px solid #000;outline-offset:4px}
@media(hover:hover){.site-footer-contact a:not(.brand):hover{color:#000;text-decoration:underline;text-underline-offset:4px}.footer-social a:hover{opacity:.55;text-decoration:none}}
@media(max-width:1000px){.footer-main,.footer-bottom{gap:24px}.footer-navigation{grid-template-columns:1fr}.footer-navigation a{min-height:30px}.site-footer-contact .footer-brand{width:116px}}
@media(max-width:760px){.footer-main{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding-block:38px}.site-footer-contact .footer-brand{width:136px;margin:0 0 8px}.footer-main>.footer-column{width:100%}.footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px}.footer-navigation a,.footer-direct a{min-height:32px;font-size:14px}.footer-social{gap:18px;margin-top:2px}.footer-social .social-icon{width:28px;height:36px}.footer-social svg{width:24px;height:24px}.footer-bottom{display:flex;min-height:0;padding-block:20px 26px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px}.footer-legal{display:flex;flex-wrap:wrap;gap:4px 20px}.footer-legal a{min-height:28px}.footer-top{grid-column:auto;min-height:30px;font-size:12px}.site-footer-contact .footer-label{margin-bottom:9px}.footer-direct{gap:0}}

/* typography.css */
/* Shared reading hierarchy. Main-only selectors leave the footer independent. */
:root {
  --type-page: clamp(54px,6.7vw,96px);
  --type-section: clamp(40px,4vw,56px);
  --type-card: 22px;
  --type-body: 18px;
  --type-meta: 14px;
  --type-service: 19px;
  --type-note: 32px;
  --type-heading-weight: 600;
  --type-heading-spacing: -.035em;
}
main#icerik { font-size: var(--type-body); line-height: 1.65; }
main#icerik :is(h1,h2,h3):not(:where(.concept-art *,.blog-cover *,.service-study *,.project-cover-placeholder *)) {
  font-weight: var(--type-heading-weight);
  letter-spacing: var(--type-heading-spacing);
  font-stretch: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
main#icerik h1 { font-size: var(--type-page); line-height: 1.08; }
main#icerik h2 { font-size: var(--type-section); line-height: 1.15; }
main#icerik h3,
main#icerik .blog-card :is(h2,h3) {
  font-size: var(--type-card);
  line-height: 1.3;
}
main#icerik p:not(:where(.concept-art *,.blog-cover *,.service-study *,.project-cover-placeholder *,.handwritten,.handwritten *)),
main#icerik .blog-prose,
main#icerik .blog-prose li,
main#icerik .client-pending-information :is(dt,dd) {
  font-size: var(--type-body);
  line-height: 1.65;
  letter-spacing: -.01em;
  font-weight: 400;
}
main#icerik .process-word {
  font-size: var(--type-section);
  line-height: 1.15;
  font-weight: var(--type-heading-weight);
  letter-spacing: var(--type-heading-spacing);
  font-stretch: 100%;
}
main#icerik .process-tabs button,
main#icerik .contact-channel-value {
  font-size: var(--type-card);
  line-height: 1.35;
  letter-spacing: -.02em;
}

/* Notes and metadata retain their own smaller level. */
main#icerik :is(.section-label,.company-eyebrow,.project-section-label,
  .blog-topic,.blog-card-category,.blog-status,.blog-draft-notice,
  .blog-editorial-note,.blog-index-draft,.concept-disclaimer,
  .client-logo-context,.client-card-state,.client-identity-note,
  .client-content-note>p,.project-content-pending,.project-draft-tag,
  .project-search-count,.project-detail-topline>p,.concept-card-meta,
  .concept-detail-intro>p:last-child,.concept-next>div>p,.concept-next>div>span,
  .concept-detail-topline>span,.contact-areas,.service-copy>span,
  .process-panel>small,.process-tabs button>span,.contact-action>small,
  .project-breadcrumb,.project-back,.project-detail-nav a,.project-search>label,
  .blog-back,.blog-read,.blog-toc nav>p,.blog-toc a,.concept-scope li,
  .project-detail-lead dt,.company-service-grid article>span,
  .concept-detail-cover>figcaption,.concept-application-grid figcaption,
  .project-gallery-slot figcaption,.project-preview-callout-copy small) {
  font-size: var(--type-meta);
  line-height: 1.5;
  letter-spacing: 0;
}
main#icerik :is(.hero-type-note.handwritten,.bridge-note,.company-note) {
  font-size: var(--type-note);
  line-height: 1.05;
}

/* Compact accordions keep their current padding and row spacing. */
main#icerik .services .service-list summary h3 {
  font-size: var(--type-service);
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: -.025em;
  text-wrap: normal;
}

/* The opening composition is the site's signature and keeps its own display scale. */
main#icerik .hero { --hero-size: clamp(120px,15.2vw,280px); }
main#icerik .hero h1 { font-size: var(--hero-size); line-height:.9; text-wrap: normal; }
main#icerik .hero .kinetic-word {
  font-size: calc(var(--hero-size) * var(--word-scale,1));
  font-stretch: 115%;
  line-height: .92;
  letter-spacing: -.06em;
}
main#icerik .hero .hero-word { display: inline; }
main#icerik .hero .kinetic-line { height: 1.06em; padding-bottom: .09em; }
main#icerik .hero .hero-ink { height: 28px; }
main#icerik .hero .hero-composition { margin-top: 52px; margin-bottom: 34px; }
main#icerik .hero .hero-type-note.handwritten { top: -30px; right: 1%; bottom: auto; width: 190px; }

@media(max-width:760px) {
  :root {
    --type-page: clamp(44px,12vw,48px);
    --type-section: clamp(34px,8.6vw,36px);
    --type-card: 20px;
    --type-body: 16px;
    --type-meta: 13px;
    --type-service: 17px;
    --type-note: 26px;
  }
  main#icerik .hero .hero-ink { height: 14px; }
  main#icerik .hero { --hero-size: clamp(64px,20vw,82px); }
  main#icerik .hero h1 { line-height:.96; }
  main#icerik .hero .kinetic-word {
    font-size: calc(var(--hero-size) * var(--mobile-word-scale,1));
    letter-spacing:-.065em;
  }
  main#icerik .hero .hero-composition { margin-top:42px; margin-bottom:30px; }
  main#icerik .hero .headline-line>span { white-space:nowrap; }
  main#icerik .hero .hero-type-note.handwritten {
    position: relative;
    inset: auto;
    width: 130px;
    margin: 24px 0 0 auto;
  }
}

/* layout-flow.css */
/* Supporting copy follows its heading instead of drifting to a distant column. */
.references-heading,
.home-section-top,
.project-catalog-heading,
.concept-list-heading,
.concept-approach-top,
.concept-application-heading,
.project-gallery-heading,
.blog-index-intro,
.project-intro-bottom,
.concept-detail-intro {
  display:block;
}

.references-heading>p,
.home-section-top>div:last-child,
.project-catalog-heading>p,
.concept-list-heading>p,
.concept-approach-top>p,
.concept-application-heading>p,
.project-gallery-heading>p,
.blog-index-summary,
.project-intro-note,
.concept-detail-intro>p:last-child {
  margin-top:18px;
  max-width:620px;
  justify-self:auto;
}

.references-heading>p { margin-left:0; margin-right:0; margin-bottom:0; }
.home-section-top>div:last-child { padding-bottom:0; }
.home-section-top>div:last-child>p { max-width:560px; }
.company-intro-bottom {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  margin-top:24px;
}
.company-intro-bottom>p { order:1; max-width:680px; }
.company-intro-bottom>.company-note { order:2; margin-top:28px; padding-left:0; }

.office.office-bridge {
  display:block;
  position:relative;
  padding-bottom:58px;
}
.office-bridge-copy { max-width:640px; margin-top:22px; padding-top:0; }
.office-bridge-copy>.office-cta {
  min-height:50px;
  margin-top:24px;
  padding:0 18px;
  gap:34px;
  border:1px solid #000;
  background:#000;
  color:#fff;
  transition:background .2s,color .2s;
}
.office-bridge-copy>.office-cta:hover { background:#fff; color:#000; }
.office-bridge-copy>.bridge-note {
  position:absolute;
  right:clamp(72px,8vw,160px);
  bottom:18px;
  margin:0;
}
.office-bridge + #hizmetler { padding-top:20px; }
.approach-heading { display:block; }
.approach-heading>p:last-child { margin-top:20px; max-width:520px; }

@media(min-width:761px) and (max-width:1100px) {
  .office.office-bridge { padding-bottom:62px; }
  .office-bridge-copy>.bridge-note { right:7vw; bottom:22px; }
}

@media(max-width:760px) {
  .references-heading>p,
  .home-section-top>div:last-child,
  .project-catalog-heading>p,
  .concept-list-heading>p,
  .concept-approach-top>p,
  .concept-application-heading>p,
  .project-gallery-heading>p,
  .blog-index-summary,
  .project-intro-note,
  .concept-detail-intro>p:last-child { margin-top:15px; }
  .company-intro-bottom { margin-top:20px; }
  .office-bridge-copy { margin-top:18px; }
  .office.office-bridge { padding-bottom:26px; }
  .office-bridge-copy>.office-cta { min-height:48px; margin-top:20px; padding-inline:16px; }
  .office-bridge-copy>.bridge-note {
    position:relative;
    right:auto;
    bottom:auto;
    margin:26px 10px 0 auto;
  }
  .office-bridge + #hizmetler { padding-top:18px; }
}

@media(max-width:360px) {
  .office-bridge-copy>.bridge-note { margin-right:4px; }
  .office-bridge-copy>.bridge-note svg { width:82px; right:calc(100% + 8px); }
}

/* accent.css */
/* One meaningful word in selected large headings carries the brand accent. */
:root{--brand-accent:#81A6C6}
h1 span.heading-accent,h2 span.heading-accent{display:inline;color:var(--brand-accent)}
#office-title .tonal-type .heading-accent{display:inline-block;background:none;color:#81A6C6;-webkit-text-fill-color:#81A6C6;-webkit-background-clip:border-box;background-clip:border-box;text-shadow:none}

/* process-route.css */
/* The growth story is isolated from every other page section. */
#yaklasim.growth-section{overflow:hidden;padding-top:82px;padding-bottom:96px;background:#fff;color:#000}
#yaklasim .growth-experience{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(48px,7vw,120px);align-items:center;min-width:0;margin-top:0;background:#fff;isolation:isolate}
#yaklasim .growth-visual{position:relative;grid-column:2;min-width:0;aspect-ratio:780/560;overflow:hidden;background:transparent;isolation:isolate}
#yaklasim .growth-canvas{position:absolute;left:1%;top:50%;display:block;width:98%;height:auto;aspect-ratio:780/560;opacity:1;transform:translateY(-50%);transition:opacity .34s ease}
#yaklasim .growth-experience.is-cycle-resetting .growth-canvas{opacity:0}

#yaklasim .growth-copy{grid-column:1;grid-row:1;display:grid;grid-template-rows:1fr auto;min-width:0;min-height:535px;background:#fff}
#yaklasim .growth-panels{min-height:0}
#yaklasim .growth-panel{height:100%;display:flex;flex-direction:column;padding:8px 0 28px;background:#fff;color:#000;animation:growth-copy-in .38s cubic-bezier(.2,.75,.2,1)}
#yaklasim .growth-panel[hidden]{display:none}
main#icerik #yaklasim .growth-panel h3{max-width:470px;margin:0!important;font-size:clamp(32px,3vw,49px);font-weight:570;line-height:1.03;letter-spacing:-.045em;text-wrap:balance}
#yaklasim .growth-panel>p{max-width:490px;margin-top:23px;color:#4b4b4b;font-size:16px;line-height:1.62}
#yaklasim .growth-result{margin-top:auto;padding-top:20px;border-top:1px solid #999}
#yaklasim .growth-result small{display:block;margin-bottom:8px;color:#666;font-size:10px}
#yaklasim .growth-result strong{display:block;font-size:18px;font-weight:620;line-height:1.3}
#yaklasim .growth-panel:focus-visible{outline:3px solid #81a6c6;outline-offset:-7px}

#yaklasim .growth-tabs{display:grid;grid-template-columns:1fr;border-bottom:1px solid #cfd6db}
#yaklasim .growth-tabs button{position:relative;display:grid;grid-template-columns:36px 1fr;align-items:center;min-height:58px;padding:10px 0;border:0;border-top:1px solid #cfd6db;background:transparent;color:#777;text-align:left;cursor:pointer;transition:color .25s,padding .25s}
#yaklasim .growth-tabs button>span{font-size:10px;color:#777}
#yaklasim .growth-tabs button>strong{font-size:14px;font-weight:550;line-height:1.2}
#yaklasim .growth-tabs button::after{content:"";position:absolute;right:0;top:50%;width:36px;height:3px;background:#81a6c6;transform:translateY(-50%) scaleX(0);transform-origin:right;transition:transform .35s}
#yaklasim .growth-tabs button[aria-selected=true]{color:#000;padding-left:8px}
#yaklasim .growth-tabs button[aria-selected=true]::after{transform:translateY(-50%) scaleX(1)}
#yaklasim .growth-tabs button[aria-selected=true]>span{color:#315f80}
#yaklasim .growth-tabs button:focus-visible{outline:3px solid #315f80;outline-offset:-5px}

@keyframes growth-copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:1100px){
  #yaklasim .growth-experience{grid-template-columns:minmax(280px,.72fr) minmax(0,1.2fr);gap:44px}
  #yaklasim .growth-copy{min-height:510px}
}

@media(max-width:760px){
  #yaklasim.growth-section{padding-top:56px;padding-bottom:62px}
  #yaklasim .growth-experience{display:flex;flex-direction:column;gap:20px;min-height:0;margin-top:0;width:100%;max-width:100%;overflow:hidden}
  #yaklasim .growth-visual{order:-1;width:100%;min-height:0;aspect-ratio:1/1;border:0}
  #yaklasim .growth-canvas{left:-8%;width:116%}
  #yaklasim .growth-copy{display:flex;flex-direction:column;width:100%;min-height:0}
  #yaklasim .growth-tabs{order:-1;grid-template-columns:1fr 1fr;border-top:0}
  #yaklasim .growth-tabs button{grid-template-columns:30px 1fr;min-height:58px;padding:9px 8px;border-right:1px solid #cfd6db}
  #yaklasim .growth-tabs button:nth-child(-n+2){border-top:0}
  #yaklasim .growth-tabs button:nth-child(even){border-right:0}
  #yaklasim .growth-tabs button::after{right:8px;width:22px}
  #yaklasim .growth-tabs button>span{margin-bottom:7px;font-size:9px}
  #yaklasim .growth-tabs button>strong{font-size:11px}
  #yaklasim .growth-panels{min-height:0}
  #yaklasim .growth-panel{min-height:0;padding:23px 0 8px}
  main#icerik #yaklasim .growth-panel h3{font-size:31px}
  #yaklasim .growth-panel>p{margin-top:18px;font-size:14px;line-height:1.55}
  #yaklasim .growth-result{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:baseline;margin-top:20px;padding:12px 14px;border:0;background:#f1f1f1}
  #yaklasim .growth-result small{margin:0;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
  #yaklasim .growth-result strong{font-size:14px;line-height:1.35}
}

@media(max-width:360px){#yaklasim .growth-tabs button>strong{font-size:10px}main#icerik #yaklasim .growth-panel h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) #yaklasim .growth-tabs button::after,body:not(.motion-enabled) #yaklasim .growth-canvas{transition:none}body:not(.motion-enabled) #yaklasim .growth-panel{animation:none}}

/* interactions.css */
/* Clear interaction feedback across links, cards, accordions and controls. */
a,button,summary{cursor:pointer}
.text-link{padding-inline:14px;transition:background .22s,color .22s,border-color .22s,transform .22s}
.services .service-list summary{transition:background .22s,color .22s,padding .22s}
.services .service-list summary h3{transition:transform .22s,color .22s}
.services .service-list .toggle-mark:before,.services .service-list .toggle-mark:after{transition:transform .25s,background .22s}
.concept-card>a,.client-card,.logo-cell,.blog-card>a,.contact-channel{transition:transform .25s,box-shadow .25s,background .22s,color .22s}
.nav-contact svg,.text-link>span[aria-hidden=true],.concept-card-title svg,.client-card-caption svg,.project-back svg,.contact-channel-arrow,.footer-top svg,.brief-open svg,.logo-link-arrow,.process-tabs button>i{display:none!important}
@media(hover:hover) and (pointer:fine){
  .services .service-list summary:hover{background:#edf3f7;color:#000;padding-left:20px;padding-right:18px}
  .services .service-list summary:hover h3{color:#000;transform:translateX(5px)}
  .services .service-list summary:hover .toggle-mark:before,.services .service-list summary:hover .toggle-mark:after{background:#81a6c6}
  .services .service-list details[open] summary:hover{background:#000;color:#fff}
  .services .service-list details[open] summary:hover h3{color:#fff}
  .text-link:not(.office-cta):hover{background:#000;color:#fff;border-color:#000;transform:translateY(-2px)}
  .process-tabs button:not([aria-selected=true]):hover{background:#edf3f7;padding-left:20px}
  .concept-card>a:hover,.client-card:hover,.logo-cell:hover,.blog-card>a:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.09)}
  .contact-channel:hover{background:#edf3f7}
  .footer-navigation a:hover,.footer-direct a:hover,.footer-top:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
}
.services .service-list summary:focus-visible{background:#edf3f7;outline:2px solid #000;outline-offset:-2px}
.services .service-list summary:focus-visible h3{transform:translateX(5px)}
@media(max-width:760px){.text-link{padding-inline:12px}.services .service-list summary{padding-inline:12px}.services .service-list summary:active{background:#edf3f7}.process-tabs button:active{background:#edf3f7}}

/* header-services.css */
/* Compact services card: complete catalogue without covering the page. */
.site-header{overflow:visible}
.services-menu{display:flex;align-items:center;align-self:stretch;position:static}
.services-trigger{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:0;background:transparent;color:inherit;font-size:15px}
.services-trigger>span{font-size:18px;font-weight:300;line-height:1;transition:transform .22s ease}
.services-trigger:after{content:'';position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.services-trigger:hover:after,.services-trigger[aria-expanded=true]:after,.services-trigger[aria-current=page]:after{transform:scaleX(1)}
.services-trigger[aria-expanded=true]>span{transform:rotate(45deg)}
.services-mega{position:absolute;z-index:70;right:var(--gutter);top:calc(100% - 1px);width:min(920px,calc(100vw - 48px));padding:18px;background:#fff;color:#000;border:1px solid #cfd6dc;box-shadow:0 18px 36px rgba(0,0,0,.11);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);transition:opacity .18s ease,transform .22s ease,visibility .22s}
.services-menu.is-open .services-mega{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.services-mega-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 2px 14px}
.services-mega-intro>span{font-size:10px;letter-spacing:.13em;color:#5a6570}
.site-header .services-mega-intro>a{min-height:32px;padding:5px 0;border-bottom:1px solid #000;font-size:12px}
.site-header .services-mega-intro>a:after,.site-header .services-mega-card:after{display:none}
.services-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cfd6dc;border-left:1px solid #cfd6dc}
.site-header .services-mega-card{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;min-height:68px;padding:11px 13px;border-right:1px solid #cfd6dc;border-bottom:1px solid #cfd6dc;transition:background .18s ease}
.services-mega-card>span{font-size:9px;color:#63707a}
.services-mega-card strong{display:block;font-size:14px;font-weight:570;line-height:1.18;letter-spacing:-.015em}
.services-mega-card:hover,.services-mega-card:focus-visible{background:#e9f0f5}

@media(max-width:1000px) and (min-width:761px){
  .services-mega{width:min(720px,calc(100vw - 48px))}
  .services-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:760px){
  .services-menu{display:block;width:100%;align-self:auto}
  .services-trigger{width:100%;min-height:50px;justify-content:space-between;padding:8px 0;font-size:22px;text-align:left}
  .services-trigger:after{bottom:4px}
  .services-mega{position:static;display:none;width:100%;margin:3px 0 12px;padding:12px;background:#fff;color:#000;border:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .services-menu.is-open .services-mega{display:block}
  .services-mega-intro{padding:0 1px 10px}
  .site-header .services-mega-intro>a{min-height:28px;font-size:11px}
  .services-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-color:#cfd6dc}
  .site-header .services-mega-card{grid-template-columns:20px minmax(0,1fr);min-height:58px;padding:9px 8px;border-color:#cfd6dc;color:#000;font-size:inherit}
  .services-mega-card strong{font-size:13px}
}

@media(max-width:380px){.services-mega-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .services-mega,body:not(.motion-enabled) .services-trigger>span{transition:none}}

/* legal.css */
.legal-page,.utility-page{background:#fff;color:#000}
.legal-hero{padding:72px 0 78px;border-bottom:1px solid #cfcfcf}
.legal-hero>p:first-child{font-size:12px;color:#666;margin-bottom:46px}
.legal-hero h1{font-size:clamp(58px,9vw,148px);font-weight:650;letter-spacing:-.065em;line-height:.9;max-width:1200px}
.legal-hero>p:last-child{font-size:clamp(18px,1.7vw,26px);line-height:1.55;max-width:720px;margin:48px 0 0 auto}
.legal-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2.5fr);gap:8vw;padding:72px 0 105px}
.legal-nav{display:flex;flex-direction:column;align-items:flex-start;position:sticky;top:120px;height:max-content}
.legal-nav a{font-size:15px;line-height:1.4;padding:12px 0;color:#666}
.legal-nav a[aria-current=page]{color:#000;font-weight:600}
.legal-copy{max-width:900px}
.legal-copy section{padding:0 0 45px;margin:0 0 45px;border-bottom:1px solid #d7d7d7}
.legal-copy section:last-child{margin-bottom:0}
.legal-copy h2{font-size:clamp(27px,3vw,45px);line-height:1.1;letter-spacing:-.045em;margin-bottom:22px}
.legal-copy p{font-size:17px;line-height:1.8;color:#343434;max-width:820px}
.legal-copy p+p{margin-top:17px}.legal-copy a{text-decoration:underline;text-underline-offset:4px}
.utility-page{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:8vw;padding-top:70px;padding-bottom:90px}
.utility-code{font-size:clamp(150px,25vw,430px);font-weight:720;letter-spacing:-.1em;line-height:.75;color:#d9e7f2}
.utility-copy h1{font-size:clamp(58px,7vw,115px);line-height:.92;letter-spacing:-.065em}
.utility-copy>p{font-size:clamp(18px,1.6vw,25px);line-height:1.6;max-width:650px;margin-top:35px}
.utility-actions{display:flex;align-items:center;gap:28px;margin-top:42px}.utility-actions a{font-size:15px;padding:15px 0}.utility-actions .utility-primary{background:#000;color:#fff;padding:18px 22px}
@media(max-width:760px){.legal-hero{padding:38px 0 47px}.legal-hero>p:first-child{margin-bottom:28px}.legal-hero h1{font-size:18vw}.legal-hero>p:last-child{font-size:18px;margin:30px 0 0}.legal-layout{display:block;padding:28px 0 58px}.legal-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #ccc;margin-bottom:42px}.legal-nav a{text-align:center}.legal-copy section{padding-bottom:32px;margin-bottom:32px}.legal-copy h2{font-size:29px;margin-bottom:17px}.legal-copy p{font-size:16px;line-height:1.72}.utility-page{min-height:70vh;display:block;padding-top:52px;padding-bottom:68px}.utility-code{font-size:46vw;line-height:.78}.utility-copy{margin-top:47px}.utility-copy h1{font-size:17vw}.utility-copy>p{font-size:17px;margin-top:25px}.utility-actions{align-items:flex-start;flex-direction:column;gap:8px;margin-top:30px}}

/* social-proof.css */
.social-proof{padding-block:clamp(72px,9vw,150px);border-top:1px solid #d9dde0}.social-proof-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:8vw;align-items:end;margin-bottom:clamp(34px,5vw,72px)}.social-proof-heading h2{margin:0;font-size:clamp(48px,6.2vw,112px);line-height:.88;letter-spacing:-.065em}.social-proof-heading p{max-width:420px;margin:0;font-size:16px;line-height:1.55}.social-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#cfd5da;border:1px solid #cfd5da}.proof-quote{margin:0;padding:clamp(30px,4vw,64px);background:#fff}.proof-quote blockquote{margin:0 0 54px;font-size:clamp(24px,2.1vw,38px);line-height:1.14;letter-spacing:-.035em}.proof-quote figcaption{display:flex;gap:8px;flex-direction:column;font-size:14px}.proof-quote figcaption span{color:#5d6670}@media(max-width:760px){.social-proof-heading,.social-proof-grid{grid-template-columns:1fr}.social-proof-heading{gap:18px}.proof-quote blockquote{margin-bottom:36px}}

/* media-summary.css */
.media-text-summary{padding-top:0;padding-bottom:clamp(54px,7vw,104px)}.media-text-summary details{border-top:1px solid #aeb6bd;border-bottom:1px solid #aeb6bd}.media-text-summary summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;font-size:14px;font-weight:600;cursor:pointer;list-style:none}.media-text-summary summary::-webkit-details-marker{display:none}.media-text-summary summary span{font-size:22px;font-weight:400;transition:transform .2s ease}.media-text-summary details[open] summary span{transform:rotate(45deg)}.media-text-summary details>div{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:8vw;padding:2px 0 24px}.media-text-summary p{max-width:560px;margin:0;font-size:14px;line-height:1.6}.media-text-summary ul{margin:0;padding:0;list-style:none}.media-text-summary li{padding:7px 0;border-top:1px solid #d9dde0;font-size:12px;line-height:1.45}.media-text-summary li:first-child{border-top:0}@media(max-width:760px){.media-text-summary details>div{grid-template-columns:1fr;gap:18px}}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .media-text-summary summary span{transition:none}}

/* consent.css */
.consent-panel{position:fixed;z-index:120;right:20px;bottom:20px;width:min(560px,calc(100vw - 40px));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;padding:24px;border:1px solid #111;background:#fff;color:#101820;box-shadow:0 16px 54px #10182026}.consent-panel strong{display:block;margin-bottom:8px;font-size:21px}.consent-panel p{max-width:390px;margin:0 0 9px;font-size:13px;line-height:1.5}.consent-panel a{color:inherit;font-size:12px;text-underline-offset:4px}.consent-actions{display:flex;flex-direction:column;gap:8px;justify-content:flex-end}.consent-actions button{min-height:43px;padding:9px 14px;border:1px solid #111;background:#fff;color:#111;font:inherit;font-size:12px;cursor:pointer}.consent-actions button[data-consent="analytics"]{background:#111;color:#fff}.consent-actions button:focus-visible{outline:3px solid #81a6c6;outline-offset:3px}@media(max-width:620px){.consent-panel{right:12px;bottom:12px;width:calc(100vw - 24px);grid-template-columns:1fr;gap:18px;padding:20px}.consent-actions{display:grid;grid-template-columns:1fr 1fr}.consent-actions button{padding-inline:9px}}

/* midterm.css */
.festival-page{--festival-max:1440px}
.festival-page>.project-pad{width:min(100%,var(--festival-max));margin-inline:auto}
.festival-heading{padding-top:24px;padding-bottom:34px}
.festival-heading-row{margin-top:22px}
.festival-page .festival-heading h1{font-size:clamp(52px,6.2vw,94px);line-height:.98;letter-spacing:-.055em;font-weight:650;margin:0}
.festival-video{position:relative;aspect-ratio:var(--film-ratio);background:#f3f3f3;isolation:isolate;overflow:hidden;width:100%}
.festival-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;opacity:0;transition:opacity .4s}
.festival-video[data-playing] iframe{opacity:1}
.festival-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.festival-video[data-playing] .festival-video-poster{visibility:hidden}
.festival-sound{position:absolute;right:18px;bottom:18px;z-index:2;display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 15px;background:#fff;color:#000;border:1px solid #fff;border-radius:24px;font-size:13px;font-weight:550;box-shadow:0 2px 14px #0002;cursor:pointer;transition:background .2s,color .2s}
.festival-sound svg{width:19px;height:19px}.festival-sound .sound-on{display:none}
.festival-sound[aria-pressed=true] .sound-off{display:none}.festival-sound[aria-pressed=true] .sound-on{display:block}
.festival-sound:hover{background:#000;color:#fff}.festival-sound:focus-visible{outline:3px solid #81A6C6;outline-offset:4px}
.festival-sound:disabled{opacity:.6;cursor:wait}.festival-video-error{position:absolute;inset:0;display:grid;place-items:center;background:#f3f3f3;font-size:15px}.festival-video-error[hidden]{display:none}
.vimeo-play-fallback{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:calc(100% - 32px);padding:12px 20px;border:1px solid #fff;background:#fff;color:#101820;font:inherit;font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;box-shadow:0 3px 20px #0003;cursor:pointer}
.vimeo-play-fallback[hidden]{display:none}.vimeo-play-fallback:focus-visible{outline:3px solid #81a6c6;outline-offset:4px}
.festival-page .festival-video.vimeo-manual[data-playing] iframe{inset:0;width:100%;height:100%;transform:none;pointer-events:auto;opacity:1}.festival-video.vimeo-manual .festival-sound{display:none}
.festival-page h2{font-size:clamp(28px,2.65vw,42px);font-weight:580;letter-spacing:-.04em;line-height:1.1;margin:0 0 16px}
.festival-overview{display:grid;grid-template-columns:.72fr 1.28fr;gap:9%;padding-top:54px;padding-bottom:72px}
.festival-overview p{max-width:590px;font-size:16px;line-height:1.72;color:#454545;margin:0}
.festival-overview dl{margin:0;display:grid;align-content:start}.festival-overview dt{font-size:12px;color:#666;margin-bottom:8px}.festival-overview dd{margin:0;font-size:14px;line-height:1.72}
.festival-role{display:grid;grid-template-columns:.72fr 1.28fr;gap:9%;padding-top:0;padding-bottom:64px}
.festival-role-copy{max-width:760px}.festival-role-copy p{font-size:clamp(17px,1.35vw,20px);line-height:1.58;letter-spacing:-.014em;margin:0}.festival-role-copy p+p{margin-top:24px}
.festival-chapter{display:grid;grid-template-columns:minmax(210px,.44fr) minmax(0,1.56fr);gap:6vw;align-items:start;padding-top:12px;padding-bottom:76px}
.festival-chapter-title{padding-top:4px}.festival-chapter-title h2{margin-bottom:10px}.festival-chapter-title p{font-size:14px;color:#555;line-height:1.55;margin:0;max-width:240px}
.festival-chapter>.festival-video{grid-column:2;grid-row:1}
.festival-collage{width:min(calc(100% - (var(--gutter) * 2)),var(--festival-max));margin:10px auto 84px}
.festival-collage-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,.68fr);gap:14px;height:clamp(560px,55vw,760px)}
.festival-collage img{width:100%;height:100%;object-fit:cover;display:block;min-width:0}
.festival-collage--identity img:first-child{grid-column:1/8;grid-row:1/3}.festival-collage--identity img:nth-child(2){grid-column:8/13;grid-row:1}.festival-collage--identity img:nth-child(3){grid-column:8/13;grid-row:2}.festival-collage--identity img:nth-child(4){grid-column:1/5;grid-row:3}.festival-collage--identity img:nth-child(5){grid-column:5/9;grid-row:3}.festival-collage--identity img:nth-child(6){grid-column:9/13;grid-row:3}
.festival-collage--experience img:first-child{grid-column:1/6;grid-row:1}.festival-collage--experience img:nth-child(2){grid-column:1/6;grid-row:2}.festival-collage--experience img:nth-child(3){grid-column:6/13;grid-row:1/3}.festival-collage--experience img:nth-child(4){grid-column:1/5;grid-row:3}.festival-collage--experience img:nth-child(5){grid-column:5/9;grid-row:3}.festival-collage--experience img:nth-child(6){grid-column:9/13;grid-row:3}
.festival-collage--stage img:first-child{grid-column:1/8;grid-row:1/3}.festival-collage--stage img:nth-child(2){grid-column:8/13;grid-row:1}.festival-collage--stage img:nth-child(3){grid-column:8/13;grid-row:2}.festival-collage--stage img:nth-child(4){grid-column:1/5;grid-row:3}.festival-collage--stage img:nth-child(5){grid-column:5/9;grid-row:3}.festival-collage--stage img:nth-child(6){grid-column:9/13;grid-row:3}
.festival-collage--artists .festival-collage-grid{grid-template-rows:minmax(0,1.12fr) minmax(0,.88fr);height:clamp(520px,46vw,690px)}
.festival-collage--artists img:first-child{grid-column:1/4;grid-row:1}.festival-collage--artists img:nth-child(2){grid-column:4/7;grid-row:1}.festival-collage--artists img:nth-child(3){grid-column:7/10;grid-row:1}.festival-collage--artists img:nth-child(4){grid-column:10/13;grid-row:1}.festival-collage--artists img:nth-child(5){grid-column:1/7;grid-row:2}.festival-collage--artists img:nth-child(6){grid-column:7/13;grid-row:2}
.festival-collage--artists img:nth-child(2){object-position:center 40%}
.festival-photo-heading{padding-top:2px;padding-bottom:24px}.festival-photo-heading h2{max-width:560px}
.festival-artists{display:grid;grid-template-columns:minmax(210px,.44fr) minmax(0,1.56fr);gap:6vw;align-items:start;padding-top:8px;padding-bottom:96px}
.festival-artists-heading{position:sticky;top:120px}.festival-artists-heading h2{font-size:clamp(34px,3.3vw,54px)}
.artist-showcase{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px;min-width:0}
.artist-player{position:relative;aspect-ratio:4/5;background:#080808;overflow:hidden}.artist-player video{display:block;width:100%;height:100%;object-fit:cover;background:#080808}
.artist-player-meta{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;background:linear-gradient(transparent,#000c);color:#fff}.artist-player-meta strong{font-size:clamp(18px,1.5vw,24px);font-weight:560;letter-spacing:-.025em}
.artist-sound{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid #ffffff80;border-radius:24px;background:#0007;color:#fff;cursor:pointer;transition:background .2s,color .2s}.artist-sound svg{width:18px;height:18px}.artist-sound .sound-on{display:none}.artist-sound[aria-pressed=true] .sound-off{display:none}.artist-sound[aria-pressed=true] .sound-on{display:block}.artist-sound:hover{background:#fff;color:#000}.artist-sound:focus-visible{outline:3px solid #81A6C6;outline-offset:3px}
.artist-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.artist-selector{position:relative;aspect-ratio:4/5;border:0;padding:0;background:#111;color:#fff;overflow:hidden;text-align:left;cursor:pointer}.artist-selector img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.7);transition:transform .45s cubic-bezier(.22,1,.36,1),filter .25s}.artist-selector span{position:absolute;inset:auto 0 0;padding:14px;background:linear-gradient(transparent,#000c);font-size:16px;font-weight:560;letter-spacing:-.02em}.artist-selector:hover img{transform:scale(1.04);filter:saturate(1) brightness(.9)}.artist-selector[aria-pressed=true] img{filter:saturate(1) brightness(1)}.artist-selector[aria-pressed=true]::after{content:"";position:absolute;inset:0;border:4px solid #81A6C6;pointer-events:none}.artist-selector:focus-visible{outline:3px solid #81A6C6;outline-offset:4px;z-index:1}
.festival-moments{padding-top:0}.festival-moments .festival-artists-heading h2{font-size:clamp(30px,2.7vw,44px)}.artist-showcase--moments{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}.artist-showcase--moments .artist-player{aspect-ratio:10/7}.artist-showcase--moments .artist-selector{aspect-ratio:10/7}.artist-showcase--moments .artist-selector span{font-size:14px}
.loop-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.loop-card{position:relative;aspect-ratio:4/5;background:#090909;overflow:hidden}.loop-gallery--moments .loop-card{aspect-ratio:10/7}.loop-card video{display:block;width:100%;height:100%;object-fit:cover;background:#090909}.loop-card-meta{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;background:linear-gradient(transparent,#000d);color:#fff}.loop-card-meta strong{font-size:clamp(14px,1.2vw,19px);font-weight:560;letter-spacing:-.02em}.loop-sound{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#0007;color:#fff;cursor:pointer;transition:background .2s,color .2s}.loop-sound svg{width:18px;height:18px}.loop-sound .sound-on{display:none}.loop-sound[aria-pressed=true] .sound-off{display:none}.loop-sound[aria-pressed=true] .sound-on{display:block}.loop-sound:hover{background:#fff;color:#000}.loop-sound:focus-visible{outline:3px solid #81A6C6;outline-offset:3px}
.festival-partners{padding-top:8px;padding-bottom:48px}.festival-partners h2{font-size:23px;margin-bottom:20px}.festival-partners .festival-video iframe{left:-2.5%;width:105%;transform:scaleX(1.015);transform-origin:center}
.festival-end{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:10px;padding-bottom:54px}.festival-end>a:last-child{font-size:14px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.festival-feature-section,.festival-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.festival-feature{min-width:0;margin:0 0 54px}
.festival-feature-link{display:block;min-width:0}
.festival-feature .festival-video{aspect-ratio:1.3;background:#fff}
.festival-feature .festival-video iframe{inset:0 auto 0 -18.4%;width:136.8%;height:100%}
.festival-feature .festival-video-poster{transition:transform .45s cubic-bezier(.22,1,.36,1)}
.festival-feature-link h3{font-size:clamp(18px,1.5vw,24px);letter-spacing:-.03em;margin:14px 0 7px;font-weight:550;line-height:1.18}.festival-feature-link p{font-size:13px;color:#666;line-height:1.5;margin:0}
.festival-feature-link:hover .festival-video-poster{transform:scale(1.035)}.festival-feature-link:hover h3{text-decoration:underline;text-underline-offset:5px}.festival-feature-link:focus-visible{outline:3px solid #81A6C6;outline-offset:5px}
.festival-feature-section{padding-bottom:22px}
.real-projects-section .festival-feature-section{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.festival-feature-section,.festival-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.festival-chapter{grid-template-columns:minmax(180px,.42fr) minmax(0,1.58fr);gap:38px}.festival-overview{gap:50px}.festival-collage-grid{height:clamp(520px,65vw,680px)}.festival-artists{grid-template-columns:1fr}.festival-artists-heading{position:static}.artist-showcase{max-width:900px}}
@media(max-width:760px){.festival-overview{grid-template-columns:1fr;gap:28px;padding-top:36px;padding-bottom:56px}.festival-overview dd{font-size:14px}.festival-role{grid-template-columns:1fr;gap:27px;padding-top:0;padding-bottom:48px}.festival-role-copy p{font-size:17px}.festival-chapter{display:block;padding-bottom:52px}.festival-chapter-title{margin-bottom:22px}.festival-collage{margin-bottom:54px}.festival-collage-grid{gap:10px}.festival-artists{padding-bottom:58px}.artist-showcase{grid-template-columns:1fr}.artist-player{max-height:680px}.artist-selectors{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.artist-selector span{font-size:12px;padding:10px}.artist-selector[aria-pressed=true]::after{border-width:3px}.festival-feature-section,.festival-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.real-projects-section .festival-feature-section{grid-template-columns:1fr}.festival-feature{margin-bottom:36px}.festival-feature .festival-video{aspect-ratio:1.24}.festival-feature .festival-video iframe{left:-21.7%;width:143.4%}.festival-sound{right:12px;bottom:12px;font-size:12px;padding:9px 13px}.festival-partners .festival-video{aspect-ratio:4/1}.festival-partners .festival-video iframe{left:-50%;width:200%;transform:scale(1.75)}}
@media(max-width:480px){.festival-heading{padding-bottom:24px}.festival-heading-row{margin-top:18px}.festival-cover{padding-inline:0}.festival-page .festival-heading h1{font-size:clamp(46px,12vw,57px)}.festival-role-copy p{font-size:16px;line-height:1.65}.festival-collage{width:100%;margin-top:0}.festival-collage-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 138px 138px 190px;height:auto;gap:7px}.festival-collage--identity img:first-child,.festival-collage--experience img:nth-child(3),.festival-collage--stage img:first-child{grid-column:1/3;grid-row:1}.festival-collage--artists .festival-collage-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,170px);height:auto}.festival-collage--artists img:first-child{grid-column:1;grid-row:1}.festival-collage--artists img:nth-child(2){grid-column:2;grid-row:1}.festival-collage--artists img:nth-child(3){grid-column:1;grid-row:2}.festival-collage--artists img:nth-child(4){grid-column:2;grid-row:2}.festival-collage--artists img:nth-child(5){grid-column:1;grid-row:3}.festival-collage--artists img:nth-child(6){grid-column:2;grid-row:3}.festival-collage--identity img:nth-child(2),.festival-collage--experience img:first-child,.festival-collage--stage img:nth-child(2){grid-column:1;grid-row:2}.festival-collage--identity img:nth-child(3),.festival-collage--experience img:nth-child(2),.festival-collage--stage img:nth-child(3){grid-column:2;grid-row:2}.festival-collage--identity img:nth-child(4),.festival-collage--experience img:nth-child(4),.festival-collage--stage img:nth-child(4){grid-column:1;grid-row:3}.festival-collage--identity img:nth-child(5),.festival-collage--experience img:nth-child(5),.festival-collage--stage img:nth-child(5){grid-column:2;grid-row:3}.festival-collage--identity img:nth-child(6),.festival-collage--experience img:nth-child(6),.festival-collage--stage img:nth-child(6){grid-column:1/3;grid-row:4}.loop-gallery{gap:7px}.loop-card-meta{padding:10px}.loop-card-meta strong{font-size:12px}.loop-sound{width:34px;height:34px;flex-basis:34px}.loop-sound svg{width:16px;height:16px}.festival-feature-section,.festival-feature-grid{grid-template-columns:1fr}.festival-feature{max-width:100%;margin-bottom:32px}.festival-feature-link h3{font-size:22px}.festival-end{padding-bottom:40px}.festival-partners h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .festival-video iframe,body:not(.motion-enabled) .festival-sound,body:not(.motion-enabled) .festival-video-poster{transition:none}}

.festival-partners-hint{display:none}
.festival-partners-scroll:focus-visible{outline:2px solid #81a6c6;outline-offset:5px}
@media(max-width:760px){
 main#icerik .festival-partners-hint{display:block;font-size:13px;line-height:1.5;color:#555;margin:0 0 14px}
 .festival-partners-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:12px}
 .festival-partners .festival-video{width:max(100%,640px);aspect-ratio:var(--film-ratio)}
 .festival-partners .festival-video iframe{left:0;width:100%;transform:none}
}
@media(max-width:540px){
 .festival-page .loop-gallery{grid-template-columns:minmax(0,1fr);gap:16px}
 .festival-page .loop-card-meta{padding:14px;gap:12px}
 .festival-page .loop-card-meta strong{font-size:16px;line-height:1.35;min-width:0}
 .festival-page .loop-sound{width:44px;height:44px;flex-basis:44px}
 .festival-page .loop-sound svg{width:20px;height:20px}
 .festival-page .artist-sound{min-height:44px}
}

/* lipton.css */
.lipton-page{--lipton-yellow:#ffd600;--lipton-green:#08783e;--lipton-ink:#101010;--lipton-paper:#fffef8;--lipton-soft:#f1f0eb;--lipton-max:1440px;color:var(--lipton-ink)}
.lipton-page>.project-pad{width:min(100%,var(--lipton-max));margin-inline:auto}
.lipton-heading{padding-top:24px;padding-bottom:30px}.lipton-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:22px}.lipton-heading h1{margin:0;font-size:clamp(56px,7.5vw,112px);line-height:.88;letter-spacing:-.065em;font-weight:650}.lipton-heading-row p{margin:0 0 4px;font-size:15px;line-height:1.45;text-align:right}
.lipton-hero{display:grid;grid-template-columns:minmax(300px,.96fr) minmax(0,1.04fr);min-height:clamp(500px,54vw,700px);padding:0;background:var(--lipton-yellow);overflow:hidden}.lipton-hero-copy{display:grid;align-items:center;padding:clamp(34px,4.7vw,72px)}.lipton-hero-copy h2{max-width:720px;margin:0;font-size:clamp(42px,4.7vw,72px);line-height:.98;letter-spacing:-.058em;font-weight:620}.lipton-hero-copy h2 em{color:#81A6C6;font-style:normal}.lipton-hero-mark{display:grid;place-items:center;background:#fff;padding:clamp(34px,6vw,88px)}.lipton-hero-mark img{display:block;width:min(100%,620px);height:auto}
.lipton-motion{position:relative;aspect-ratio:var(--lipton-ratio);overflow:hidden;background:#f4f4f1}.lipton-motion>img,.lipton-motion video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.lipton-motion video{opacity:0;transition:opacity .2s}.lipton-motion.is-playing video{opacity:1}
.lipton-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;padding-top:72px;padding-bottom:86px}.lipton-page h2{margin:0;font-size:clamp(34px,3.3vw,52px);line-height:1.04;letter-spacing:-.05em;font-weight:590}.lipton-page h2 em{color:#81A6C6;font-style:normal}.lipton-intro>div{max-width:720px}.lipton-intro p{margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.58;letter-spacing:-.014em}.lipton-intro p+p{margin-top:24px}
.lipton-cover{width:min(calc(100% - (var(--gutter) * 2)),var(--lipton-max));margin:0 auto 96px;background:#fff4a9}.lipton-cover img{display:block;width:100%;height:auto}.lipton-cover figcaption,.lipton-motion-section figcaption,.lipton-packaging figcaption{font-size:12px;color:#555;line-height:1.45;margin-top:11px}
.lipton-system{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1.58fr);gap:6vw;align-items:start;padding-top:6px;padding-bottom:102px}.lipton-section-copy{position:sticky;top:112px}.lipton-section-copy>span{display:block;font-size:12px;color:#666;margin-bottom:24px}.lipton-section-copy p{max-width:300px;font-size:15px;line-height:1.62;color:#3f3f3f;margin:24px 0 0}.lipton-system .lipton-motion{grid-column:2;aspect-ratio:16/9}
.lipton-video-diary{background:var(--lipton-yellow);padding-top:clamp(58px,6vw,92px);padding-bottom:clamp(62px,6.5vw,102px)}.lipton-video-diary-heading{display:block;margin-bottom:clamp(38px,4.5vw,66px)}.lipton-video-diary-heading>div{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(260px,.7fr);gap:7%;align-items:end}.lipton-video-diary-heading p{margin:0;font-size:16px;line-height:1.58;max-width:470px}.lipton-video-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.lipton-video-wall figure{margin:0;min-width:0}.lipton-video-wall .lipton-motion{background:#181818}.lipton-video-wall figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(16,16,16,.35);font-size:11px;line-height:1.35}.lipton-video-wall figcaption::before{content:'0' counter(lipton-clip);font-size:9px;opacity:.55}.lipton-video-wall{counter-reset:lipton-clip}.lipton-video-wall figure{counter-increment:lipton-clip}
.lipton-packaging{background:var(--lipton-green);color:#fff;padding:86px 0 96px}.lipton-packaging-title{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;align-items:end;margin-bottom:56px}.lipton-packaging-title h2{font-size:clamp(48px,6vw,86px);line-height:.92}.lipton-packaging-title p{max-width:560px;margin:0;font-size:18px;line-height:1.6}.lipton-packaging-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px}.lipton-packaging figure{margin:0}.lipton-packaging img{display:block;width:100%;height:100%;object-fit:cover}.lipton-packaging-main{display:grid;grid-template-rows:minmax(0,1fr) auto}.lipton-packaging-main img{aspect-ratio:4/5;background:#fff;object-fit:contain}.lipton-packaging-side{display:grid}.lipton-packaging-side figure{display:grid;grid-template-rows:minmax(0,1fr) auto}.lipton-packaging-side img{height:100%;min-height:0;background:#fff;object-fit:contain}.lipton-packaging figcaption{color:#fff9}
.lipton-real{padding-top:96px;padding-bottom:106px}.lipton-real-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;align-items:end;margin-bottom:48px}.lipton-real-heading p{max-width:520px;margin:0;font-size:16px;line-height:1.6;color:#444}.lipton-real-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:330px 270px;gap:14px}.lipton-real-grid img{width:100%;height:100%;object-fit:cover;display:block}.lipton-real-grid img:nth-child(1){grid-column:1/4;grid-row:1/3}.lipton-real-grid img:nth-child(2){grid-column:4/8;grid-row:1}.lipton-real-grid img:nth-child(3){grid-column:8/13;grid-row:1}.lipton-real-grid img:nth-child(4){grid-column:4/8;grid-row:2}.lipton-real-grid img:nth-child(5){grid-column:8/13;grid-row:2}
.lipton-motion-section{padding-top:8px;padding-bottom:108px}.lipton-motion-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;align-items:end;margin-bottom:42px}.lipton-motion-heading p{max-width:480px;margin:0;font-size:16px;line-height:1.6;color:#444}.lipton-motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 18px}.lipton-motion-grid figure{margin:0}.lipton-motion-grid .lipton-menu{grid-column:1/-1}.lipton-motion-grid .lipton-menu img{display:block;width:100%;height:auto}
.lipton-unboxing{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:7vw;align-items:center;padding-top:72px;padding-bottom:72px;background:var(--lipton-yellow)}.lipton-unboxing-copy{padding-left:clamp(0px,2vw,28px)}.lipton-unboxing-copy h2{font-size:clamp(38px,4.5vw,66px);line-height:1}.lipton-unboxing-copy p{max-width:530px;font-size:17px;line-height:1.6;margin:28px 0 0}.lipton-unboxing .lipton-motion{max-height:700px;background:#161616}.lipton-unboxing video{object-fit:cover}
.lipton-card-system{display:grid;grid-template-columns:.48fr 1.52fr;gap:6vw;align-items:start;padding-top:100px;padding-bottom:96px}.lipton-card-system>div{padding-top:8px}.lipton-card-system p{max-width:310px;font-size:15px;line-height:1.62;color:#444}.lipton-card-system img{display:block;width:100%;height:auto;background:#fff}
.lipton-end{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:6px;padding-bottom:54px}.lipton-end>a:last-child{font-size:14px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.lipton-feature-media{position:relative;aspect-ratio:1.3;background:#fff4a9;overflow:hidden}.lipton-feature-media img,.lipton-feature-media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.lipton-feature-media img{transition:transform .45s cubic-bezier(.22,1,.36,1)}.lipton-feature-media span{position:absolute;z-index:2;right:12px;bottom:12px;padding:8px 11px;border-radius:999px;background:#fff;color:#111;font-size:11px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.lipton-feature .festival-feature-link:hover img{transform:scale(1.035)}.lipton-feature .festival-feature-link:hover .lipton-feature-media span{opacity:1;transform:none}
@media(max-width:900px){.lipton-system{grid-template-columns:1fr;gap:30px}.lipton-section-copy{position:static;display:grid;grid-template-columns:1fr 1fr;gap:28px}.lipton-system .lipton-motion{grid-column:1}.lipton-video-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 10px}.lipton-real-grid{grid-template-rows:280px 230px}.lipton-card-system{grid-template-columns:1fr;gap:34px}}
@media(max-width:760px){.lipton-heading-row{align-items:flex-start;flex-direction:column}.lipton-heading-row p{text-align:left}.lipton-hero{grid-template-columns:1fr;min-height:0}.lipton-hero-copy{min-height:460px}.lipton-hero-mark{min-height:240px}.lipton-intro,.lipton-packaging-title,.lipton-real-heading,.lipton-motion-heading,.lipton-video-diary-heading{grid-template-columns:1fr;gap:26px}.lipton-video-diary-heading>div{grid-template-columns:1fr;gap:18px}.lipton-intro{padding-top:54px;padding-bottom:60px}.lipton-cover{width:100%;margin-bottom:66px}.lipton-cover figcaption{padding-inline:var(--gutter)}.lipton-section-copy{display:block}.lipton-section-copy p{max-width:520px}.lipton-packaging{padding:64px 0 68px}.lipton-packaging-grid{grid-template-columns:1fr}.lipton-packaging-main img{aspect-ratio:5/4}.lipton-real{padding-top:68px;padding-bottom:72px}.lipton-real-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 200px 200px;height:auto;gap:8px}.lipton-real-grid img:nth-child(1){grid-column:1;grid-row:1/3}.lipton-real-grid img:nth-child(2){grid-column:2;grid-row:1}.lipton-real-grid img:nth-child(3){grid-column:2;grid-row:2}.lipton-real-grid img:nth-child(4){grid-column:1;grid-row:3}.lipton-real-grid img:nth-child(5){grid-column:2;grid-row:3}.lipton-real-grid img:nth-child(6){display:none}.lipton-motion-section{padding-bottom:72px}.lipton-motion-grid{grid-template-columns:1fr;gap:36px}.lipton-motion-grid .lipton-menu{grid-column:1}.lipton-unboxing{grid-template-columns:1fr;padding-top:56px;padding-bottom:56px}.lipton-unboxing .lipton-motion{width:min(100%,440px);justify-self:center}.lipton-card-system{padding-top:72px;padding-bottom:68px}.lipton-feature-media span{display:none}}
@media(max-width:480px){.lipton-heading h1{font-size:58px}.lipton-hero-copy{min-height:420px;padding:30px 24px}.lipton-hero-copy h2{font-size:42px}.lipton-hero-mark{min-height:190px}.lipton-page h2{font-size:36px}.lipton-video-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 7px}.lipton-video-wall figcaption{font-size:10px}.lipton-packaging-title h2{font-size:54px}.lipton-packaging-grid{padding-inline:0}.lipton-packaging-main figcaption,.lipton-packaging-side figcaption{padding-inline:var(--gutter)}.lipton-real{padding-inline:0}.lipton-real-heading{padding-inline:var(--gutter)}.lipton-real-grid{grid-template-rows:230px 170px 170px}.lipton-unboxing-copy h2{font-size:41px}.lipton-end{padding-bottom:38px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .lipton-motion video{transition:none}body:not(.motion-enabled) .lipton-feature-media img,body:not(.motion-enabled) .lipton-feature-media span{transition:none}}

@media(max-width:540px){
 .lipton-hero-copy{min-height:0;padding:38px 24px}
 .lipton-video-wall{gap:24px 12px}
 .lipton-video-wall figcaption{font-size:12px;line-height:1.5;align-items:flex-start}
 .lipton-video-wall figcaption::before{font-size:11px}
}

/* erha.css */
.erha-page{--erha-blue:#073c82;--erha-deep:#042e68;--erha-yellow:#f6d318;--erha-pale:#edf3fa;--erha-ink:#0a1727;--erha-max:1440px;color:var(--erha-ink)}
.erha-page>.project-pad,.erha-bpm-inner{width:min(100%,var(--erha-max));margin-inline:auto}
.erha-heading{padding-top:24px;padding-bottom:30px}.erha-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:22px}.erha-heading h1{margin:0;font-size:clamp(52px,6.8vw,106px);line-height:.9;letter-spacing:-.065em;font-weight:650}.erha-heading-row p{margin:0 0 4px;font-size:15px;line-height:1.5;text-align:right}
.erha-hero{display:grid;grid-template-columns:minmax(300px,.94fr) minmax(0,1.06fr);min-height:clamp(570px,58vw,780px);padding:0;background:var(--erha-deep);color:#fff;overflow:hidden}.erha-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5.4vw,82px)}.erha-hero-copy>span,.erha-section-heading>span,.erha-questions>div>span,.erha-bpm-heading span,.erha-scope>div>span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.erha-hero h2{margin:26px 0 0;font-size:clamp(46px,5.4vw,82px);line-height:.94;letter-spacing:-.06em;font-weight:620}.erha-page h2 em{color:#81a6c6;font-style:normal}.erha-hero h2 em{color:var(--erha-yellow)}.erha-hero-copy p{max-width:570px;margin:34px 0 0;font-size:17px;line-height:1.62;color:#dce8f7}.erha-hero figure{margin:0;overflow:hidden;background:#fff}.erha-hero figure img{display:block;width:100%;height:100%;object-fit:cover}
.erha-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:8%;padding-top:88px;padding-bottom:96px}.erha-page h2{margin:0;font-size:clamp(38px,4vw,62px);line-height:1.02;letter-spacing:-.052em;font-weight:590}.erha-intro>div{max-width:700px}.erha-intro p{margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.62}.erha-intro p+p{margin-top:25px}
.erha-system{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1.62fr);gap:6vw;padding-top:12px;padding-bottom:112px}.erha-section-heading{position:sticky;top:112px;align-self:start}.erha-section-heading h2{margin-top:20px}.erha-section-heading p{max-width:330px;margin:25px 0 0;font-size:15px;line-height:1.62;color:#435064}.erha-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.erha-system-grid figure{margin:0;overflow:hidden;background:var(--erha-pale)}.erha-system-grid img{display:block;width:100%;height:100%;object-fit:cover}.erha-system-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;background:var(--erha-deep);color:#fff}.erha-system-wide img{height:auto;object-fit:contain;object-position:center}.erha-system-wide figcaption{max-width:190px;padding:24px 22px;font-size:13px;line-height:1.45}.erha-system-grid figure:not(.erha-system-wide){aspect-ratio:4/5}
.erha-system-grid--four figure{aspect-ratio:4/5}.erha-system-grid--four img{object-fit:cover}
.erha-video-section{background:var(--erha-yellow);padding-top:clamp(62px,6vw,94px);padding-bottom:clamp(70px,7vw,106px)}.erha-video-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:end;margin-bottom:54px}.erha-video-heading p{max-width:520px;margin:0;font-size:16px;line-height:1.62}.erha-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.erha-video-grid figure{margin:0}.erha-motion{position:relative;aspect-ratio:9/16;overflow:hidden;background:#062f6f}.erha-motion>img,.erha-motion video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.erha-motion video{opacity:0;transition:opacity .25s}.erha-motion.is-playing video{opacity:1}.erha-video-grid figcaption{display:flex;justify-content:space-between;margin-top:11px;padding-top:10px;border-top:1px solid rgba(10,23,39,.42);font-size:12px}.erha-video-grid figcaption::after{content:'Sessiz döngü';opacity:.6;font-size:10px}
.erha-questions{display:grid;grid-template-columns:.42fr 1.58fr;gap:6vw;padding-top:106px;padding-bottom:116px}.erha-questions>div:first-child{align-self:start;position:sticky;top:112px}.erha-questions h2{margin-top:20px}.erha-questions p{max-width:340px;font-size:15px;line-height:1.62;color:#435064}.erha-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.erha-question-grid img{display:block;width:100%;height:auto;background:var(--erha-pale)}
.erha-bpm{background:var(--erha-deep);color:#fff;padding:96px var(--gutter) 108px}.erha-bpm-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:52px}.erha-bpm-heading h2{margin-top:18px;font-size:clamp(44px,5vw,76px)}.erha-bpm-heading h2 em{color:var(--erha-yellow)}.erha-bpm-heading p{max-width:560px;margin:0;font-size:17px;line-height:1.62;color:#dce8f7}.erha-bpm-lead{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.45fr);gap:14px;align-items:start}.erha-bpm-lead figure{margin:0;background:#fff}.erha-bpm-lead figure img{display:block;width:100%;height:100%;object-fit:cover}.erha-bpm-video{width:100%;height:auto;aspect-ratio:9/16;min-height:0;background:#03275b}.erha-bpm-video>img,.erha-bpm-video video{object-fit:contain}.erha-bpm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.erha-bpm-grid img{display:block;width:100%;height:auto;background:#fff}
.erha-scope{display:grid;grid-template-columns:.55fr 1.45fr;gap:8%;padding-top:104px;padding-bottom:102px}.erha-scope h2{margin-top:18px}.erha-scope ul{list-style:none;margin:0;padding:0}.erha-scope li{display:grid;grid-template-columns:48px minmax(180px,.55fr) 1fr;gap:24px;align-items:start;padding:24px 0;border-top:1px solid #aeb7c3}.erha-scope li:last-child{border-bottom:1px solid #aeb7c3}.erha-scope li>span{font-size:11px;color:#68778a}.erha-scope strong{font-size:20px;font-weight:560}.erha-scope li p{margin:0;font-size:14px;line-height:1.55;color:#435064}.erha-end{padding-top:0;padding-bottom:54px}
.erha-feature-media{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;aspect-ratio:1.3;overflow:hidden;background:var(--erha-deep)}.erha-feature-clip{position:relative;min-width:0;overflow:hidden;background:var(--erha-deep)}.erha-feature-clip img,.erha-feature-clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.erha-feature-clip video{opacity:0;transition:opacity .25s}.erha-feature-media.is-playing .erha-feature-clip video{opacity:1}.erha-feature-label{position:absolute;z-index:3;left:14px;bottom:14px;padding:8px 11px;background:#fff;color:var(--erha-deep);font-size:10px;font-weight:620;letter-spacing:.08em;text-transform:uppercase}
/* Keep the homepage and project listing on the established equal card system. */
.home-project-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.home-project-cards>.festival-feature,.real-projects-section .festival-feature{width:auto;max-width:none}.real-projects-section .festival-feature-section{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.erha-system{grid-template-columns:1fr}.erha-section-heading,.erha-questions>div:first-child{position:static}.erha-section-heading p{max-width:600px}.erha-questions{grid-template-columns:1fr}.erha-scope{grid-template-columns:1fr;gap:45px}}
@media(max-width:760px){.erha-heading-row{align-items:flex-start;flex-direction:column}.erha-heading-row p{text-align:left}.erha-hero{grid-template-columns:1fr;min-height:0}.erha-hero-copy{min-height:520px}.erha-hero figure{height:460px}.erha-intro,.erha-video-heading,.erha-bpm-heading{grid-template-columns:1fr;gap:26px}.erha-intro{padding-top:62px;padding-bottom:70px}.erha-system{padding-bottom:74px}.erha-video-grid{gap:8px}.erha-questions{padding-top:72px;padding-bottom:78px}.erha-bpm{padding-top:68px;padding-bottom:74px}.erha-bpm-lead{grid-template-columns:1fr}.erha-bpm-lead figure{aspect-ratio:3/2}.erha-bpm-video{min-height:570px}.erha-bpm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.erha-scope{padding-top:72px;padding-bottom:68px}.erha-scope li{grid-template-columns:36px 1fr}.erha-scope li p{grid-column:2}.home-project-cards,.real-projects-section .festival-feature-section{grid-template-columns:1fr;gap:30px}}
@media(max-width:480px){.erha-heading h1{font-size:54px}.erha-hero-copy{min-height:470px;padding:32px 24px}.erha-hero h2{font-size:44px}.erha-hero figure{height:360px}.erha-page h2{font-size:37px}.erha-system-grid{gap:7px}.erha-video-section{padding-inline:14px}.erha-video-heading{padding-inline:10px}.erha-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.erha-video-grid figcaption{font-size:9px}.erha-video-grid figcaption::after{display:none}.erha-questions{padding-inline:14px}.erha-question-grid{gap:5px}.erha-bpm{padding-inline:14px}.erha-bpm-heading{padding-inline:10px}.erha-scope strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .erha-motion video,body:not(.motion-enabled) .erha-feature-media video{transition:none}}
@media(max-width:760px){.erha-system-wide{grid-template-columns:1fr}.erha-system-wide figcaption{max-width:none;padding:15px 17px}.erha-bpm-video{min-height:0;aspect-ratio:9/16}}

/* Let technical artwork remain readable at phone widths. */
@media(max-width:540px){
 .erha-hero-copy{min-height:0;padding:38px 24px}
 .erha-hero figure{height:auto;aspect-ratio:1}
 .erha-hero figure img{object-fit:contain}
 .erha-system-grid,.erha-video-grid,.erha-question-grid,.erha-bpm-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .erha-system-grid--four img{object-fit:contain}
 .erha-video-grid{max-width:360px;margin-inline:auto}
 .erha-video-grid figcaption{font-size:13px;line-height:1.5}
 .erha-bpm-inner{padding-inline:0}
 .erha-bpm-video{max-width:360px;justify-self:center}
 .erha-bpm-grid{margin-top:24px}
}

/* kosebasi.css */
.kose-page{--kose-cream:#f2eadc;--kose-paper:#fbf7ef;--kose-red:#9f201e;--kose-red-dark:#611513;--kose-ink:#171310;--kose-gold:#c69b61;--kose-max:1440px;color:var(--kose-ink);background:var(--kose-paper)}
.kose-page>.project-pad,.kose-outdoor-inner{width:min(100%,var(--kose-max));margin-inline:auto}.kose-page h2{margin:0;font-size:clamp(40px,4.65vw,72px);line-height:.96;letter-spacing:-.06em;font-weight:600}.kose-page h2 em{color:var(--kose-red);font-style:normal}.kose-heading{padding-top:24px;padding-bottom:30px}.kose-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:22px}.kose-heading h1{margin:0;font-size:clamp(54px,7vw,108px);line-height:.9;letter-spacing:-.065em;font-weight:650}.kose-heading-row p{margin:0 0 4px;text-align:right;font-size:15px;line-height:1.5}
.kose-hero{display:grid;grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr);padding:0;min-height:clamp(570px,62vw,840px);background:var(--kose-cream);overflow:hidden}.kose-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,90px)}.kose-logo{width:132px;height:auto;mix-blend-mode:multiply;object-fit:contain;margin:0 0 42px}.kose-hero h2{font-size:clamp(52px,5.5vw,84px)}.kose-hero-copy p{max-width:530px;margin:32px 0 0;font-size:17px;line-height:1.62}.kose-hero figure{margin:0;overflow:hidden}.kose-hero figure img{display:block;width:100%;height:100%;object-fit:cover}
.kose-intro{display:grid;grid-template-columns:.88fr 1.12fr;gap:8%;padding-top:94px;padding-bottom:108px}.kose-intro>div{max-width:680px}.kose-intro p{margin:0;font-size:clamp(17px,1.4vw,21px);line-height:1.62}.kose-intro ul{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;list-style:none;margin:34px 0 0;padding:0;border-top:1px solid #a99e8e}.kose-intro li{padding:14px 0;border-bottom:1px solid #a99e8e;font-size:13px}
.kose-outdoor{background:#18100d;color:#fff;padding:clamp(72px,8vw,118px) var(--gutter)}.kose-outdoor-heading{display:grid;grid-template-columns:.35fr .9fr .75fr;gap:6%;align-items:end;margin-bottom:60px}.kose-outdoor-heading>span,.kose-social-copy>span,.kose-brochure-heading>span,.kose-finale>div:last-child>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.kose-outdoor-heading h2 em{color:#e4b778}.kose-outdoor-heading p{margin:0;max-width:480px;font-size:16px;line-height:1.62;color:#d7cabc}
.kose-billboard-scene{position:relative;isolation:isolate;aspect-ratio:16/8.2;overflow:hidden;background:linear-gradient(#996652 0 35%,#33211e 72%,#171110 100%)}.kose-billboard-scene::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 18%,rgba(255,209,135,.62),transparent 24%),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.38));z-index:-1}.kose-city{position:absolute;inset:28% 0 22%;display:flex;align-items:flex-end;gap:2px;opacity:.8}.kose-city i{flex:1;height:52%;background:#241c1b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.kose-city i:nth-child(2){height:84%}.kose-city i:nth-child(3){height:64%}.kose-city i:nth-child(4){height:100%}.kose-city i:nth-child(5){height:72%}.kose-city i::after{content:'';display:block;width:4px;height:4px;margin:13px;background:#d9a86c;box-shadow:18px 0 #d9a86c,36px 0 #d9a86c,0 18px #d9a86c,36px 18px #d9a86c;opacity:.55}.kose-billboard-rig{position:absolute;z-index:2;left:13%;right:13%;top:9%;bottom:8%}.kose-billboard-frame{position:relative;width:100%;aspect-ratio:2/1;padding:10px;background:#111;box-shadow:0 24px 55px rgba(0,0,0,.58),0 0 0 2px #4b413b}.kose-billboard-frame img,.kose-billboard-frame video{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:cover;display:block}.kose-billboard-frame video{opacity:0;transition:opacity .25s}.kose-billboard-frame.is-playing video{opacity:1}.kose-billboard-leg{position:absolute;left:50%;top:calc(50% + 10px);width:3%;height:50%;transform:translateX(-50%);background:linear-gradient(90deg,#191818,#595451 48%,#181717)}.kose-billboard-base{position:absolute;left:43%;bottom:0;width:14%;height:4%;background:#121111;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.kose-road{position:absolute;z-index:1;left:-4%;right:-4%;bottom:-16%;height:44%;background:#201918;transform:perspective(400px) rotateX(42deg)}.kose-road i{position:absolute;top:22%;width:11%;height:3px;background:#d8bea0;opacity:.55}.kose-road i:nth-child(1){left:12%}.kose-road i:nth-child(2){left:46%}.kose-road i:nth-child(3){right:10%}
.kose-social{display:grid;grid-template-columns:minmax(230px,.46fr) minmax(0,1.54fr);gap:7vw;padding-top:110px;padding-bottom:120px}.kose-social-copy{position:sticky;top:112px;align-self:start}.kose-social-copy h2{margin-top:20px}.kose-social-copy p{max-width:360px;margin:26px 0 0;font-size:15px;line-height:1.62;color:#5e5349}.kose-social-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kose-social-videos figure{margin:0}.kose-motion{position:relative;aspect-ratio:9/16;overflow:hidden;background:#15110f}.kose-motion img,.kose-motion video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.kose-motion video{opacity:0;transition:opacity .25s}.kose-motion.is-playing video{opacity:1}.kose-social-videos figcaption{padding-top:12px;margin-top:10px;border-top:1px solid #a99e8e;font-size:12px}
.kose-photo{padding-top:94px;padding-bottom:112px;background:var(--kose-cream)}.kose-photo-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:10%;align-items:end;margin-bottom:52px}.kose-photo-heading p{max-width:480px;margin:0;font-size:16px;line-height:1.62}.kose-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:10px}.kose-photo-grid figure{margin:0;aspect-ratio:1/1;overflow:hidden;background:#ddd}.kose-photo-grid .kose-photo-wide{grid-column:span 2;aspect-ratio:2/1}.kose-photo-grid img{display:block;width:100%;height:100%;object-fit:cover}.kose-photo-grid figure:last-child img{object-position:center 62%}
.kose-brochure{display:grid;grid-template-columns:.42fr 1.58fr;gap:6vw;padding-top:112px;padding-bottom:116px}.kose-brochure-heading{align-self:start;position:sticky;top:112px}.kose-brochure-heading h2{margin-top:20px}.kose-brochure-heading p{max-width:350px;margin:26px 0 0;font-size:15px;line-height:1.62;color:#5e5349}.kose-brochure-grid{display:grid;gap:12px}.kose-brochure-grid figure{margin:0;background:#eee}.kose-brochure-grid img{display:block;width:100%;height:auto}
.kose-finale{display:grid;grid-template-columns:1fr 1fr;min-height:720px;padding:0;background:var(--kose-red-dark);color:#fff}.kose-finale>div:first-child{overflow:hidden}.kose-finale>div:first-child img{width:100%;height:100%;display:block;object-fit:cover}.kose-finale>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:clamp(44px,6vw,88px)}.kose-finale h2{margin-top:20px}.kose-finale h2 em{color:#e4b778}.kose-finale p{max-width:500px;margin:30px 0 40px;font-size:17px;line-height:1.62;color:#eadfd5}.kose-finale .text-link{color:#fff;border-color:currentColor;align-self:flex-start}
.kose-feature-media{position:relative;aspect-ratio:1.3;overflow:hidden;background:#18100d}.kose-feature-media .kose-billboard-scene{width:100%;height:100%;aspect-ratio:auto}.kose-feature-media .kose-billboard-rig{left:7%;right:7%;top:9%;bottom:6%}.kose-feature-media .kose-billboard-frame{padding:5px}.kose-feature-media .kose-billboard-frame img,.kose-feature-media .kose-billboard-frame video{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}
@media(max-width:900px){.kose-outdoor-heading{grid-template-columns:1fr 1fr}.kose-outdoor-heading>span{grid-column:1/-1}.kose-social{grid-template-columns:1fr}.kose-social-copy,.kose-brochure-heading{position:static}.kose-social-copy p{max-width:640px}.kose-brochure{grid-template-columns:1fr}}
@media(max-width:760px){.kose-heading-row{align-items:flex-start;flex-direction:column}.kose-heading-row p{text-align:left}.kose-hero{grid-template-columns:1fr;min-height:0}.kose-hero-copy{min-height:520px}.kose-hero figure{height:430px}.kose-intro,.kose-photo-heading{grid-template-columns:1fr;gap:28px}.kose-outdoor-heading{grid-template-columns:1fr;gap:24px}.kose-billboard-scene{aspect-ratio:4/3}.kose-billboard-rig{left:5%;right:5%;top:14%}.kose-social-videos{gap:8px}.kose-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.kose-photo-grid .kose-photo-wide{grid-column:span 2}.kose-finale{grid-template-columns:1fr;min-height:0}.kose-finale>div:first-child{height:520px}}
@media(max-width:480px){.kose-heading h1{font-size:54px}.kose-page h2{font-size:39px}.kose-hero-copy{min-height:470px;padding:34px 24px}.kose-hero h2{font-size:48px}.kose-logo{width:110px;margin-bottom:32px}.kose-outdoor{padding-inline:14px}.kose-outdoor-heading{padding-inline:10px}.kose-billboard-scene{aspect-ratio:1/1}.kose-billboard-rig{top:18%;left:3%;right:3%}.kose-social{padding-inline:14px}.kose-photo{padding-inline:14px}.kose-brochure{padding-inline:14px}.kose-finale>div:first-child{height:420px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .kose-billboard-frame video,body:not(.motion-enabled) .kose-motion video{transition:none}}

/* Torun Ofis palette: white, black and the established soft blue accent. */
.kose-page{--kose-cream:#fff;--kose-paper:#fff;--kose-red:#89add0;--kose-red-dark:#10243b;--kose-gold:#89add0;--kose-ink:#111820}
.kose-outdoor{background:#101820}.kose-outdoor-heading h2 em,.kose-finale h2 em{color:#89add0}.kose-outdoor-heading p,.kose-finale p{color:#d6dee7}.kose-photo{background:#fff}.kose-finale{background:#10243b}.kose-feature-media{background:#101820}
.kose-billboard-scene{background:linear-gradient(#55708e 0 35%,#26384b 72%,#101820 100%)}.kose-billboard-scene::before{background:radial-gradient(circle at 70% 18%,rgba(178,205,231,.6),transparent 24%),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.4))}.kose-city i{background:#172230}.kose-city i::after{background:#9fbfdf;box-shadow:18px 0 #9fbfdf,36px 0 #9fbfdf,0 18px #9fbfdf,36px 18px #9fbfdf}.kose-billboard-rig{bottom:auto}.kose-billboard-frame{box-shadow:0 24px 55px rgba(0,0,0,.58),0 0 0 2px #66798e}.kose-road{background:#18212b}.kose-road i{background:#9fbfdf}
.kose-social-copy p,.kose-brochure-heading p{color:#4c5967}.kose-motion{background:#101820}.kose-social-videos figcaption{border-color:#9aa9b8}
.kose-sound{position:absolute;z-index:4;right:14px;bottom:14px;width:44px;height:44px;border:1px solid rgba(255,255,255,.68);border-radius:50%;display:grid;place-items:center;padding:0;background:rgba(8,15,22,.55);color:#fff;backdrop-filter:blur(7px);cursor:pointer}.kose-sound svg{width:22px;height:22px;overflow:visible}.kose-sound path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.kose-sound .kose-speaker{fill:currentColor;stroke:none}.kose-sound .kose-wave{display:none}.kose-sound.is-on .kose-wave{display:block}.kose-sound.is-on .kose-mute{display:none}
.kose-collage{display:grid;grid-template-columns:.42fr 1.58fr;gap:6vw;padding-top:112px;padding-bottom:118px;background:#10243b;color:#fff}.kose-collage-copy{align-self:center}.kose-collage-copy>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.kose-collage-copy h2{margin-top:20px}.kose-collage-copy h2 em{color:#89add0}.kose-collage-copy p{max-width:350px;margin:28px 0 0;font-size:15px;line-height:1.62;color:#d6dee7}.kose-collage-board{position:relative;min-height:790px}.kose-collage-board figure{position:absolute;margin:0;overflow:hidden;background:#fff;box-shadow:0 22px 52px rgba(0,0,0,.28)}.kose-collage-board img{display:block;width:100%;height:100%;object-fit:cover}.kose-collage-main{left:0;top:2%;width:48%;height:88%;transform:rotate(-1.2deg)}.kose-collage-a{right:3%;top:0;width:45%;height:31%;transform:rotate(1.6deg)}.kose-collage-b{right:0;top:36%;width:41%;height:28%;transform:rotate(-1deg)}.kose-collage-c{right:5%;bottom:0;width:47%;height:29%;transform:rotate(1.1deg)}.kose-collage-mark{position:absolute;z-index:3;left:41%;top:39%;width:122px;height:122px;display:flex;align-items:flex-end;justify-content:space-between;padding:13px;background:#89add0;color:#10243b;box-shadow:0 14px 34px rgba(0,0,0,.25);transform:rotate(3deg)}.kose-collage-mark strong{font-size:70px;line-height:.76}.kose-collage-mark span{font-size:9px;line-height:1.25;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:900px){.kose-collage{grid-template-columns:1fr}.kose-collage-copy p{max-width:620px}.kose-collage-board{min-height:760px}}
@media(max-width:560px){.kose-collage{padding-inline:14px}.kose-collage-copy{padding-inline:10px}.kose-collage-board{min-height:640px}.kose-collage-main{width:59%;height:72%;top:5%}.kose-collage-a{width:47%;height:25%}.kose-collage-b{width:43%;height:24%;top:29%}.kose-collage-c{width:56%;height:25%;bottom:3%}.kose-collage-mark{left:48%;top:47%;width:86px;height:86px;padding:9px}.kose-collage-mark strong{font-size:50px}.kose-collage-mark span{font-size:7px}}
.kose-hero{min-height:clamp(520px,47vw,660px)}.kose-hero figure img{object-position:center 58%}.kose-finale{min-height:520px}.kose-finale>div:first-child img{object-position:center 52%}.kose-collage-mark{display:none}
@media(max-width:760px){.kose-hero{min-height:0}.kose-hero-copy{min-height:410px}.kose-hero figure{height:360px}.kose-finale>div:first-child{height:390px}}
@media(max-width:480px){.kose-hero-copy{min-height:390px}.kose-hero figure{height:330px}.kose-finale>div:first-child{height:340px}}
.kose-hero{height:500px;min-height:0}.kose-hero-copy{padding:42px clamp(38px,5vw,76px)}.kose-hero figure{height:500px}.kose-hero figure img{height:100%;object-fit:cover;object-position:center 61%}
.kose-finale{height:420px;min-height:0}.kose-finale>div:first-child{height:420px}.kose-finale>div:last-child{padding:38px clamp(42px,5vw,72px)}.kose-finale h2{font-size:clamp(38px,4vw,58px)}.kose-finale p{margin:22px 0 28px}
@media(max-width:760px){.kose-hero{height:auto}.kose-hero-copy{min-height:340px;padding:34px 24px}.kose-hero figure{height:280px}.kose-finale{height:auto}.kose-finale>div:first-child{height:260px}.kose-finale>div:last-child{padding:44px 24px}.kose-finale h2{font-size:38px}}
@media(max-width:480px){.kose-hero-copy{min-height:320px}.kose-hero figure{height:250px}.kose-finale>div:first-child{height:230px}.kose-finale>div:last-child{padding:38px 24px}}

@media(max-width:560px){
 .kose-collage-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0}
 .kose-collage-board figure{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/5;transform:none;box-shadow:none}
 .kose-collage{padding-top:54px;padding-bottom:54px;gap:30px}
 .kose-collage-copy h2{margin-top:0}
 .kose-collage-copy p{margin-top:22px}
 .kose-sound{right:9px;bottom:9px}
}

/* bobajoy.css */
.boba-page{--boba-blue:#89add0;--boba-navy:#10243b;--boba-ink:#111820;--boba-orange:#f25429;--boba-max:1440px;color:var(--boba-ink);background:#fff}.boba-page>.project-pad,.boba-packaging-inner{width:min(100%,var(--boba-max));margin-inline:auto}.boba-page h2{margin:0;font-size:clamp(40px,4.65vw,72px);line-height:.97;letter-spacing:-.06em;font-weight:620}.boba-page h2 em{font-style:normal;color:var(--boba-blue)}
.boba-heading{padding-top:24px;padding-bottom:30px}.boba-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:22px}.boba-heading h1{margin:0;font-size:clamp(56px,7.4vw,112px);line-height:.88;letter-spacing:-.065em;font-weight:650}.boba-heading-row p{margin:0 0 4px;text-align:right;font-size:15px;line-height:1.5}
.boba-hero{width:min(100%,1600px);margin-inline:auto;background:#050505;overflow:hidden}.boba-hero>.boba-vimeo{margin:0}.boba-hero .boba-vimeo-frame{aspect-ratio:16/9}.boba-hero figcaption{display:none}
.boba-video-poster{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none}.boba-vimeo-frame[data-playing="true"] .boba-video-poster{visibility:hidden}
.boba-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;padding-top:94px;padding-bottom:102px}.boba-intro>div{max-width:680px}.boba-intro p{margin:0;font-size:clamp(17px,1.4vw,21px);line-height:1.62}.boba-intro ul{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:34px 0 0;padding:0;list-style:none;border-top:1px solid #aab5c0}.boba-intro li{padding:14px 0;border-bottom:1px solid #aab5c0;font-size:13px}
.boba-identity{display:grid;grid-template-columns:.48fr 1.52fr;gap:6vw;padding-top:96px;padding-bottom:104px;background:var(--boba-navy);color:#fff}.boba-identity-copy{position:sticky;top:112px;align-self:start}.boba-identity-copy>span,.boba-motion-copy>span,.boba-outdoor-copy>span,.boba-social-head span,.boba-finale>div>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.boba-identity-copy h2{margin-top:20px}.boba-identity-copy p{max-width:380px;margin:28px 0 0;color:#d7e0e9;font-size:15px;line-height:1.62}.boba-identity figure{margin:0;overflow:hidden}.boba-identity figure img{display:block;width:100%;height:auto}
.boba-motion-section{padding-top:104px;padding-bottom:112px}.boba-motion-copy{display:grid;grid-template-columns:1fr .78fr;gap:10%;align-items:end;margin-bottom:48px}.boba-motion-copy h2{margin-top:20px}.boba-motion-copy p{max-width:520px;margin:0;font-size:16px;line-height:1.62;color:#4d5965}.boba-motion-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.boba-motion-gallery figure{grid-column:span 6;margin:0;min-width:0}.boba-motion-gallery .boba-motion-lead,.boba-motion-gallery .boba-motion-wide{grid-column:1/-1}.boba-motion{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef1f4}.boba-motion img{display:block;width:100%;height:100%;object-fit:contain}.boba-motion-gallery figcaption,.boba-vimeo figcaption{margin-top:9px;padding-top:9px;border-top:1px solid #aab5c0;font-size:12px}
.boba-packaging{padding:102px var(--gutter) 112px;background:#f3f6f8}.boba-section-head{display:grid;grid-template-columns:1fr .72fr;gap:10%;align-items:end;margin-bottom:52px}.boba-section-head p{max-width:520px;margin:0;font-size:16px;line-height:1.62}.boba-pack-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.boba-pack-grid figure{margin:0;min-height:280px;background:#fff;overflow:hidden}.boba-pack-grid img{display:block;width:100%;height:100%;object-fit:contain}.boba-pack-grid figure:nth-child(1){grid-column:1/8}.boba-pack-grid figure:nth-child(2){grid-column:8/13}.boba-pack-grid figure:nth-child(3){grid-column:1/6}.boba-pack-grid figure:nth-child(4){grid-column:6/13}.boba-pack-grid figure:nth-child(5){grid-column:1/7}.boba-pack-grid figure:nth-child(6){grid-column:7/13}
.boba-outdoor{display:grid;grid-template-columns:.42fr 1.58fr;gap:6vw;padding-top:112px;padding-bottom:118px}.boba-outdoor-copy{position:sticky;top:112px;align-self:start}.boba-outdoor-copy h2{margin-top:20px}.boba-outdoor-copy p{max-width:360px;margin:28px 0 0;font-size:15px;line-height:1.62;color:#4d5965}.boba-outdoor-board{display:grid;grid-template-columns:1.18fr .82fr;gap:12px}.boba-outdoor-board figure{margin:0;overflow:hidden;background:#eef1f4}.boba-outdoor-board img{display:block;width:100%;height:100%;object-fit:cover}.boba-outdoor-board figure:first-child{grid-row:span 2;min-height:630px}.boba-outdoor-board figure:last-child{align-self:center;aspect-ratio:16/9}
.boba-vimeo{margin:0;min-width:0}.boba-vimeo-frame{position:relative;overflow:hidden;background:#101820}.boba-vimeo-landscape .boba-vimeo-frame{aspect-ratio:16/9}.boba-vimeo-portrait .boba-vimeo-frame{aspect-ratio:9/16}.boba-vimeo iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#101820}
.boba-film-section{padding-top:104px;padding-bottom:112px;background:var(--boba-navy);color:#fff}.boba-film-head{display:grid;grid-template-columns:1fr .75fr;gap:7vw;align-items:end;margin-bottom:48px}.boba-film-head h2{margin-top:18px}.boba-film-head p{max-width:520px;margin:0;color:#d7e0e9;font-size:16px;line-height:1.62}.boba-film-head>span{grid-column:1/-1;margin-bottom:-6vw;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.boba-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}.boba-film-grid .boba-vimeo figcaption{border-color:#536273;color:#d7e0e9}
.boba-campaign-films{padding-top:104px;padding-bottom:112px}.boba-social-videos{padding:104px var(--gutter) 112px;background:#f3f6f8}.boba-social-videos-inner{padding-inline:0!important}.boba-video-section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:end;margin-bottom:48px}.boba-video-section-head h2{margin-top:18px}.boba-video-section-head span{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.boba-video-section-head p{max-width:520px;margin:0;font-size:16px;line-height:1.62;color:#4d5965}.boba-portrait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 20px}.boba-portrait-grid-social{grid-template-columns:repeat(4,minmax(0,1fr))}
.boba-social{padding-top:102px;padding-bottom:116px;background:#fff}.boba-social-head{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:end;margin-bottom:52px}.boba-social-head h2{margin-top:20px}.boba-social-head p{max-width:520px;margin:0;font-size:16px;line-height:1.62}.boba-social-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start}.boba-social-grid figure{margin:0;overflow:hidden;background:#eef1f4;min-width:0}.boba-social-grid img{display:block;width:100%;height:100%;object-fit:contain}.boba-social-phone{grid-column:1/9;aspect-ratio:16/9}.boba-social-vertical{grid-column:span 2;aspect-ratio:9/16}.boba-social-wide{grid-column:1/9;aspect-ratio:2.69/1}.boba-social-format{grid-column:9/13;aspect-ratio:1.52/1}
.boba-finale{display:grid;grid-template-columns:1.05fr .95fr;height:500px;background:var(--boba-navy);color:#fff;overflow:hidden}.boba-finale figure{margin:0;overflow:hidden}.boba-finale figure img{display:block;width:100%;height:100%;object-fit:cover}.boba-finale>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,86px)}.boba-finale h2{margin-top:20px;font-size:clamp(42px,4.6vw,70px)}.boba-finale p{max-width:500px;margin:28px 0 8px;color:#d7e0e9;font-size:17px;line-height:1.62}.boba-finale .text-link{color:#fff;border-color:#fff;align-self:flex-start}
.boba-feature-media{aspect-ratio:1.3;overflow:hidden;background:#eef1f4}.boba-feature-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s cubic-bezier(.22,1,.36,1)}.boba-feature .festival-feature-link:hover .boba-feature-media img{transform:scale(1.035)}
.boba-feature-media--video{position:relative;background:#101820}.boba-feature-media--video iframe{position:absolute;top:0;left:50%;width:137%;height:100%;border:0;transform:translateX(-50%);pointer-events:none}
@media(max-width:1040px){.boba-outdoor{grid-template-columns:1fr}.boba-outdoor-copy{position:static}.boba-outdoor-copy p{max-width:620px}.boba-outdoor-board figure:first-child{min-height:520px}.boba-portrait-grid,.boba-portrait-grid-social{grid-template-columns:repeat(3,minmax(0,1fr))}.boba-social-phone{grid-column:1/8}.boba-social-vertical{grid-column:span 2}.boba-social-format{grid-column:9/13}}
@media(max-width:760px){.boba-heading-row{align-items:flex-start;flex-direction:column}.boba-heading-row p{text-align:left}.boba-intro,.boba-identity,.boba-section-head,.boba-social-head,.boba-motion-copy,.boba-film-head,.boba-video-section-head{grid-template-columns:1fr;gap:28px}.boba-identity-copy{position:static}.boba-motion-copy p{margin-top:0}.boba-motion-gallery figure{grid-column:1/-1}.boba-film-head>span{grid-column:auto;margin-bottom:0}.boba-film-grid{grid-template-columns:1fr}.boba-packaging{padding-inline:14px}.boba-packaging-inner>.boba-section-head{padding-inline:10px}.boba-pack-grid figure:nth-child(n){grid-column:1/-1;min-height:0;aspect-ratio:16/8}.boba-outdoor-board{grid-template-columns:1fr}.boba-outdoor-board figure:first-child{min-height:0;aspect-ratio:4/3}.boba-portrait-grid,.boba-portrait-grid-social{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.boba-social-grid{grid-template-columns:1fr 1fr;gap:14px}.boba-social-grid figure:nth-child(n){grid-column:auto}.boba-social-wide,.boba-social-phone,.boba-social-format{grid-column:1/-1!important}.boba-social-wide{aspect-ratio:2.2/1}.boba-social-phone{aspect-ratio:1.5}.boba-social-format{aspect-ratio:2/1}.boba-social-vertical{aspect-ratio:9/16}.boba-finale{grid-template-columns:1fr;height:auto}.boba-finale figure{height:330px}.boba-finale>div{padding:48px 24px}}
@media(max-width:500px){.boba-heading h1{font-size:58px}.boba-page h2{font-size:39px}.boba-intro{padding-top:64px;padding-bottom:70px}.boba-intro ul{grid-template-columns:1fr}.boba-identity,.boba-motion-section,.boba-outdoor,.boba-social,.boba-film-section,.boba-campaign-films{padding-top:68px;padding-bottom:74px}.boba-social-videos{padding-top:68px;padding-bottom:74px}.boba-packaging{padding-top:68px;padding-bottom:74px}.boba-outdoor-board figure:last-child{aspect-ratio:4/3}.boba-social-wide{aspect-ratio:1.65}.boba-finale figure{height:260px}.boba-finale h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .boba-feature-media img{transition:none}}
.boba-feature-media--video iframe{opacity:0}.boba-feature-media--video[data-playing] iframe{opacity:1}.boba-feature-media--video[data-playing]>img{visibility:hidden}

/* morniva.css */
.morniva-page{color:#101820;background:#fff}.morniva-page figure{margin:0;min-width:0}.morniva-page img{display:block;width:100%;height:auto}.morniva-page h1,.morniva-page h2{letter-spacing:-.045em;font-weight:550;word-break:normal;overflow-wrap:normal}.morniva-page h2{font-size:clamp(32px,3.6vw,56px);line-height:1.13;margin:0}.morniva-page p{font-size:17px;line-height:1.75;margin:0;max-width:620px}.morniva-page .heading-accent{color:#81a6c6}.morniva-heading{padding-top:40px;padding-bottom:30px}.morniva-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:30px}.morniva-page h1{font-size:clamp(52px,7vw,100px);line-height:1;margin:0}.morniva-title-row p{font-size:14px;line-height:1.6}.morniva-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px}.morniva-hero img{aspect-ratio:1.5;object-fit:cover}.morniva-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:72px;padding-bottom:76px;align-items:start}.morniva-scope{list-style:none;margin:25px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:13px;color:#555}.morniva-section-top{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start;margin-bottom:30px}.morniva-identity,.morniva-applications,.morniva-web,.morniva-signage{padding-bottom:76px}.morniva-identity-grid,.morniva-application-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.morniva-identity-grid img,.morniva-application-grid img{aspect-ratio:16/9;object-fit:contain}.morniva-web .text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:14px}.morniva-web-showcase{position:relative;isolation:isolate;min-height:clamp(390px,52vw,720px);padding:clamp(22px,4vw,60px);overflow:hidden;background:#edf3f7}.morniva-web-showcase::before{content:"";position:absolute;right:-12%;bottom:-42%;z-index:-1;width:55%;aspect-ratio:1;border:1px solid #81a6c6;border-radius:50%}.morniva-browser{width:82%;overflow:hidden;border:1px solid #cbd4dc;border-radius:12px;background:#fff;box-shadow:0 24px 60px #20304024}.morniva-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fff;color:#555;font-size:12px;letter-spacing:.03em;border-bottom:1px solid #e3e8ec}.morniva-browser-bar span:first-child{font-size:9px;letter-spacing:4px;color:#81a6c6}.morniva-browser-screen{overflow:hidden}.morniva-browser-screen img{aspect-ratio:1920/1290;object-fit:cover}.morniva-phone{position:absolute;right:clamp(18px,4vw,60px);bottom:clamp(18px,4vw,60px);width:clamp(118px,19vw,280px);aspect-ratio:9/16;padding:9px;overflow:hidden;border:2px solid #101820;border-radius:clamp(20px,2.5vw,34px);background:#101820;box-shadow:0 24px 55px #10182038}.morniva-phone-speaker{position:absolute;top:14px;left:50%;z-index:2;width:28%;height:5px;border-radius:9px;background:#101820;transform:translateX(-50%)}.morniva-phone-screen{height:100%;overflow:hidden;border-radius:clamp(13px,1.8vw,25px);background:#fff}.morniva-phone-screen img{height:100%;object-fit:cover;object-position:50% 25%}.morniva-signage-grid{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,.7fr));gap:18px;align-items:center}.morniva-sign-detail img{width:100%;object-fit:contain}.morniva-film{width:100%;max-width:320px;justify-self:center}.morniva-film video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#f3f3f3}.morniva-film figcaption{font-size:13px;line-height:1.5;margin-top:10px;color:#555}.morniva-end{padding-top:0;padding-bottom:70px;display:flex;justify-content:space-between;align-items:center;gap:25px}.morniva-end h2{font-size:clamp(32px,3vw,46px)}.morniva-end a{flex-shrink:0;min-height:44px;display:flex;align-items:center}.morniva-feature-media{display:block;width:100%;aspect-ratio:1.3;overflow:hidden;background:#f5f5f5}.morniva-feature-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .35s}.morniva-feature-link:hover img{transform:scale(1.025)}
@media(max-width:760px){.morniva-heading{padding-top:24px}.morniva-title-row{align-items:start;flex-direction:column;margin-top:22px;gap:18px}.morniva-hero{gap:8px}.morniva-hero img{aspect-ratio:1.1;object-fit:cover}.morniva-intro,.morniva-section-top{grid-template-columns:1fr;gap:24px}.morniva-intro{padding-top:42px;padding-bottom:48px}.morniva-identity,.morniva-applications,.morniva-web,.morniva-signage{padding-bottom:48px}.morniva-page p{font-size:16px}.morniva-identity-grid,.morniva-application-grid{gap:8px}.morniva-identity-grid{grid-template-columns:1fr}.morniva-signage-grid{grid-template-columns:1fr 1fr;gap:10px}.morniva-sign-detail{grid-column:1/-1;width:100%;max-width:500px;justify-self:center}.morniva-sign-detail img{max-height:260px;object-fit:contain}.morniva-web-showcase{min-height:280px;padding:12px}.morniva-browser{width:92%;border-radius:7px}.morniva-phone{right:10px;bottom:10px;width:31%;padding:5px;border-radius:17px}.morniva-phone-screen{border-radius:11px}.morniva-phone-speaker{top:8px;height:3px}.morniva-end{align-items:start;flex-direction:column;padding-bottom:48px}.morniva-film figcaption{font-size:12px}.morniva-browser-bar{padding:9px 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .morniva-feature-media img{transition:none}}
.morniva-player{position:relative}.morniva-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;white-space:nowrap;padding:12px 18px;border:1px solid #ffffffb3;border-radius:30px;background:#101820d9;color:#fff;cursor:pointer;font:inherit;font-size:13px}.morniva-play[hidden]{display:none}.morniva-play:hover{background:#101820}.morniva-play:focus-visible{outline:3px solid #81a6c6;outline-offset:4px}@media(max-width:480px){.morniva-play{font-size:11px;padding:10px;gap:6px}}
.morniva-hero video{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.morniva-feature-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s}.morniva-feature-link:hover video{transform:scale(1.025)}
.morniva-hero--film{display:block}.morniva-hero--film .morniva-hero-video{width:100%}.morniva-hero--film video{aspect-ratio:16/9;object-fit:cover}
@media(max-width:760px){.morniva-hero video{aspect-ratio:1.1}}
.morniva-web-showcase{min-height:0;padding:clamp(20px,3vw,46px);overflow:visible;background:#edf3f7}.morniva-web-showcase::before{display:none}.morniva-browser{width:100%;max-width:none;overflow:hidden;border:1px solid #cbd4dc;border-radius:12px;background:#fff;box-shadow:0 18px 42px #2030401a}.morniva-browser-main{max-width:1180px;margin-inline:auto!important}.morniva-browser-screen img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.morniva-web-details{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px);align-items:start;max-width:1180px;margin:clamp(14px,2vw,28px) auto 0}.morniva-web-details figure{max-height:none;overflow:hidden}.morniva-web-details img{width:100%;height:auto;object-fit:contain}
@media(max-width:760px){.morniva-web-showcase{min-height:0;padding:12px}.morniva-browser{width:100%;border-radius:7px}.morniva-web-details{grid-template-columns:1fr;gap:12px;margin-top:12px}}
.morniva-web-showcase{padding:clamp(16px,2.5vw,34px)}.morniva-browser-main{max-width:1180px}.morniva-browser-bar{position:relative;z-index:2}.morniva-scroll-hint{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#6d7c88}.morniva-browser-scroll{max-height:min(72vh,760px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;touch-action:pan-y;background:#fff}.morniva-browser-scroll:focus-visible{outline:3px solid #81a6c6;outline-offset:-3px}.morniva-browser-scroll .morniva-browser-screen+ .morniva-browser-screen{border-top:8px solid #edf3f7}.morniva-browser-scroll .morniva-browser-screen img{display:block;width:100%;height:auto}
@media(max-width:760px){.morniva-browser-scroll{max-height:min(58svh,420px)}.morniva-scroll-hint{font-size:8px}.morniva-browser-scroll .morniva-browser-screen+ .morniva-browser-screen{border-top-width:5px}}

@media(max-width:760px){
 .morniva-hero--film video{aspect-ratio:16/9;object-fit:contain}
 .morniva-browser-bar{flex-wrap:wrap;gap:7px 12px;justify-content:flex-start}
 .morniva-browser-bar>span:nth-child(2){flex:1}
 .morniva-scroll-hint{font-size:11px;letter-spacing:0;text-transform:none;white-space:nowrap}
 .morniva-browser-scroll{overscroll-behavior-y:auto}
}
@media(max-width:540px){
 .morniva-application-grid,.morniva-signage-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .morniva-film{max-width:320px}
 .morniva-film figcaption{font-size:13px}
 .morniva-web-showcase{padding:10px}
}
.morniva-web-mobile{display:none}
.morniva-mobile-segment{overflow:hidden}
@media(max-width:760px){
 .morniva-web-desktop{display:none}
 .morniva-web-mobile{display:block}
 .morniva-browser-scroll .morniva-mobile-segment img{display:block;width:100%;height:auto;max-width:none}
}

/* tdm.css */
.tdm-page{--tdm-ink:#101820;--tdm-blue:#81a6c6;--tdm-line:#dfe4e8;--tdm-gray:#f5f6f7;color:var(--tdm-ink);background:#fff}
.tdm-page figure{margin:0;min-width:0}
.tdm-page img{display:block;width:100%;height:auto}
.tdm-page h1,.tdm-page h2{font-weight:550;letter-spacing:-.045em;word-break:normal;overflow-wrap:normal}
.tdm-page h1{font-size:clamp(48px,6.5vw,96px);line-height:1.04;margin:0}
.tdm-page h2{font-size:clamp(30px,3.6vw,54px);line-height:1.14;margin:0;text-wrap:balance}
.tdm-page p{font-size:17px;line-height:1.75;margin:0}
.tdm-page .heading-accent{color:var(--tdm-blue)}
.tdm-heading{padding-top:36px;padding-bottom:24px}
.tdm-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:28px}
.tdm-title-row p{font-size:14px;line-height:1.6;flex-shrink:0}
.tdm-hero{padding-top:0;padding-bottom:0}
.tdm-hero .tdm-logo{display:flex;justify-content:center;align-items:center;height:300px;overflow:hidden;background:#fff}
.tdm-hero .tdm-logo img{width:100%;max-width:1100px;height:100%;object-fit:cover;object-position:center}
.tdm-intro{padding-top:24px;padding-bottom:64px}
.tdm-intro p{max-width:70ch}
.tdm-section{padding-bottom:64px}
.tdm-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.tdm-section-top .text-link{flex-shrink:0;display:inline-flex;align-items:center;min-height:44px}
.tdm-grid,.tdm-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
.tdm-grid img,.tdm-system-grid img{aspect-ratio:16/9;object-fit:contain;background:#fff}
.tdm-grid--wide-first{grid-template-columns:1.15fr .85fr}
.tdm-page figcaption{font-size:13px;line-height:1.5;color:#535b61;margin-top:10px}
.tdm-identity-showcase{display:grid;grid-template-columns:.85fr 1.65fr;align-items:center;gap:32px;margin-bottom:32px}
.tdm-mark-main img{width:100%;aspect-ratio:1/1;object-fit:cover}
.tdm-mark-family{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:14px}
.tdm-mark-family img{aspect-ratio:16/9;object-fit:contain}
.tdm-mark-family figure:last-child{grid-column:1/-1;width:50%;justify-self:center}
.tdm-application-lead,.tdm-signage{margin-bottom:28px!important}
.tdm-application-lead img,.tdm-signage img{max-height:480px;object-fit:contain;background:#fff}
.tdm-vehicles{margin-block:28px}
.tdm-vehicles>img{width:100%;height:auto;aspect-ratio:4.5/1;object-fit:contain}
.tdm-vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tdm-vehicle-grid img{width:100%;height:auto;aspect-ratio:1.4;object-fit:contain;background:transparent}
.tdm-web-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}
.tdm-web-card{display:block;min-width:0;text-decoration:none;color:inherit}
.tdm-screen-frame{overflow:hidden;background:#fff;border:1px solid var(--tdm-line);border-radius:7px}
.tdm-screen-bar{display:flex;align-items:center;gap:5px;min-height:34px;padding:8px 12px;border-bottom:1px solid var(--tdm-line);background:#f8f9fa}
.tdm-screen-bar i{width:6px;height:6px;border-radius:50%;background:#c9ced2;flex-shrink:0}
.tdm-screen-bar span{margin-left:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;color:#69727a}
.tdm-screen-crop{aspect-ratio:16/10;overflow:hidden;background:#fff}
.tdm-screen-crop img{width:100%;height:100%;object-fit:cover;object-position:top}
.tdm-web-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding-top:10px;font-size:16px;line-height:1.4}
.tdm-web-caption span:last-child{font-size:13px;color:#526b80;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}
.tdm-web-card:hover .tdm-screen-frame{border-color:var(--tdm-blue)}
.tdm-web-card:focus-visible,.tdm-page .text-link:focus-visible{outline:3px solid #527b9e;outline-offset:5px}
.tdm-end{display:flex;justify-content:flex-end;padding-top:0;padding-bottom:64px}
.tdm-end .text-link{display:inline-flex;align-items:center;min-height:44px}
.tdm-feature-media{width:100%;aspect-ratio:1.3;overflow:hidden;background:#fff}
.tdm-feature-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.tdm-web-dialog{box-sizing:border-box;width:90vw;max-width:1280px;height:90vh;height:90dvh;max-height:90dvh;margin:auto;padding:0;border:0;border-radius:8px;background:#fff;color:#101820;overflow:hidden;box-shadow:0 24px 100px #0004}
.tdm-web-dialog[open]{display:flex;flex-direction:column}
.tdm-web-dialog::backdrop{background:rgba(0,0,0,.6)}
.tdm-dialog-head{display:flex;align-items:center;gap:24px;flex-shrink:0;min-height:76px;padding:12px 20px;border-bottom:1px solid #dfe4e8;background:#fff}
.tdm-dialog-head h3{font:inherit;font-size:18px;font-weight:550;line-height:1.35;margin:0;margin-right:auto}
.tdm-dialog-views{display:flex;gap:8px;flex-shrink:0}
.tdm-dialog-views button,.tdm-dialog-close{min-width:44px;min-height:44px;border:1px solid #d7dfe5;border-radius:3px;background:#fff;color:#101820;font:inherit;font-size:13px;line-height:1.3;cursor:pointer}
.tdm-dialog-views button{padding:10px 15px}
.tdm-dialog-views button[aria-pressed=true]{background:#101820;color:#fff;border-color:#101820}
.tdm-dialog-close{padding:10px 14px;flex-shrink:0}
.tdm-dialog-views button:focus-visible,.tdm-dialog-close:focus-visible{outline:3px solid #527b9e;outline-offset:2px}
.tdm-dialog-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#81a6c6 #e9edf0;touch-action:pan-y;background:#f5f6f7}
.tdm-dialog-scroll:focus-visible{outline:3px solid #527b9e;outline-offset:-3px}
.tdm-dialog-scroll img{display:block;width:100%;height:auto;max-width:none;margin-inline:auto;background:#fff}
.tdm-web-dialog[data-view=mobile] .tdm-dialog-scroll img{max-width:390px}
.tdm-color-strip{display:grid;grid-template-columns:1.4fr 1.4fr 1fr .8fr .6fr;height:clamp(82px,10vw,150px);margin-block:28px 42px}
.tdm-color-strip span{display:block;background:var(--swatch)}
.tdm-color-strip span:last-child{border:1px solid var(--tdm-line)}
.tdm-type-family{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tdm-type-sample{position:relative;aspect-ratio:1.23;overflow:hidden}
.tdm-type-sample img{position:absolute;max-width:none;width:300%;height:auto;top:0;transform:translateY(-37%)}
.tdm-type-sample--0 img{left:0}.tdm-type-sample--1 img{left:-100%}.tdm-type-sample--2 img{left:-200%}
.tdm-print-composition{display:grid;grid-template-columns:1.12fr 1fr;gap:16px;margin-bottom:40px;align-items:stretch}
.tdm-print-main{grid-row:span 2;overflow:hidden}
.tdm-print-main img{height:100%;object-fit:cover;object-position:47% center}
.tdm-print-card img,.tdm-print-proposal img{aspect-ratio:16/9;object-fit:cover}
.tdm-editorial-grid{margin-bottom:40px}
.tdm-signage{width:100%;max-width:1000px;margin:42px auto!important}
.tdm-signage img{max-height:none;aspect-ratio:2.3;object-fit:cover;object-position:center}
.tdm-vehicles{margin-block:36px 54px}
.tdm-vehicle-cutout{position:relative;aspect-ratio:1.78;overflow:clip;clip-path:inset(0 2%);background-image:url('assets/tdm-project/vehicles-cutout.png');background-size:200% 200%;background-repeat:no-repeat}
.tdm-vehicle-cutout--0{background-position:0 0}.tdm-vehicle-cutout--1{background-position:100% 0}.tdm-vehicle-cutout--2{background-position:0 100%}.tdm-vehicle-cutout--3{background-position:100% 100%}
.tdm-vehicle-grid .tdm-vehicle-cutout img{position:absolute;max-width:none;width:200%;height:200%;aspect-ratio:auto;object-fit:fill}
.tdm-vehicle-cutout--0 img{left:0;top:0}.tdm-vehicle-cutout--1 img{left:-100%;top:0}.tdm-vehicle-cutout--2 img{left:0;top:-100%}.tdm-vehicle-cutout--3 img{left:-100%;top:-100%}
.tdm-vehicle-grid figcaption{text-align:center}
.tdm-merch-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px}
.tdm-merch-grid img{width:100%;height:auto;aspect-ratio:1.4;object-fit:contain;background:#fff}
.tdm-end{justify-content:space-between;gap:24px;flex-wrap:wrap}
@media(max-width:760px){
 .tdm-heading{padding-top:24px;padding-bottom:16px}
 .tdm-title-row{align-items:start;flex-direction:column;margin-top:20px;gap:16px}
 .tdm-page h1{font-size:clamp(42px,9vw,64px)}
 .tdm-page p{font-size:16px}
 .tdm-hero .tdm-logo{height:180px}
 .tdm-hero .tdm-logo img{object-fit:contain}
 .tdm-intro{padding-top:12px;padding-bottom:44px}
 .tdm-section{padding-bottom:44px}
 .tdm-section-top{align-items:start;flex-direction:column;gap:12px;margin-bottom:22px}
 .tdm-grid,.tdm-system-grid,.tdm-grid--wide-first{grid-template-columns:1fr;gap:22px}
 .tdm-identity-showcase{grid-template-columns:1fr;gap:18px;margin-bottom:24px}
 .tdm-mark-main{max-width:360px;justify-self:center;width:100%}
 .tdm-mark-main img{aspect-ratio:16/9;object-fit:contain}
 .tdm-mark-family{gap:12px}
 .tdm-application-lead,.tdm-signage{margin-bottom:22px!important}
 .tdm-application-lead img,.tdm-signage img{max-height:none}
 .tdm-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .tdm-color-strip{margin-block:24px}.tdm-type-family{grid-template-columns:1fr;max-width:500px;margin-inline:auto;gap:6px}
 .tdm-print-composition{grid-template-columns:1fr;margin-bottom:28px}.tdm-print-main{grid-row:auto}.tdm-print-main img{height:auto;object-fit:contain}
 .tdm-signage{margin-block:28px!important}.tdm-signage img{aspect-ratio:16/9;object-fit:contain}
 .tdm-merch-grid{grid-template-columns:1fr;gap:26px}.tdm-merch-grid img{aspect-ratio:1.7}
 .tdm-vehicles>img{aspect-ratio:auto}
 .tdm-web-grid{grid-template-columns:1fr;gap:28px}
 .tdm-web-caption{font-size:16px}
 .tdm-end{padding-bottom:44px}
 .tdm-web-dialog{width:calc(100vw - 20px);height:94vh;height:94dvh;max-height:94dvh;border-radius:6px}
 .tdm-dialog-head{flex-wrap:wrap;gap:8px 12px;padding:12px;min-height:0}
 .tdm-dialog-head h3{font-size:16px;flex:1;order:0}
 .tdm-dialog-close{order:1}
 .tdm-dialog-views{order:2;width:100%}
 .tdm-dialog-views button{flex:1}
}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .tdm-web-card,body:not(.motion-enabled) .tdm-web-card *,body:not(.motion-enabled) .tdm-web-dialog *{scroll-behavior:auto;transition:none;animation:none}}

/* sarac.css */
.sarac-page{--sarac-ink:#101820;--sarac-blue:#81a6c6;--sarac-muted:#626b73;color:var(--sarac-ink);background:#fff}
.sarac-page>.project-pad{max-width:1600px;margin-inline:auto}
.sarac-page figure{min-width:0;margin:0}
.sarac-page img,.sarac-page video{display:block;width:100%;max-width:100%;height:auto}
.sarac-page h1,.sarac-page h2{margin:0;font-weight:550;letter-spacing:-.045em;word-break:normal;overflow-wrap:normal}
.sarac-page h1{font-size:clamp(48px,6.5vw,96px);line-height:1.05}
.sarac-page h2{font-size:clamp(30px,3.5vw,52px);line-height:1.13;text-wrap:balance}
.sarac-page .heading-accent{color:var(--sarac-blue)}
.sarac-page p{font-size:17px;line-height:1.7;margin:0}
.sarac-heading{padding-top:34px;padding-bottom:32px}
.sarac-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-top:26px}
.sarac-title-row p{font-size:14px;line-height:1.5;flex-shrink:0;padding-bottom:5px}
.sarac-hero{padding-top:0;padding-bottom:0}
.sarac-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.703125fr) minmax(0,1fr);gap:14px;align-items:stretch;max-width:1109px;margin-inline:auto}
.sarac-hero-side{aspect-ratio:4/5}
.sarac-hero-center{aspect-ratio:9/16}
.sarac-hero-grid img,.sarac-hero-grid video{width:100%;height:100%;object-fit:contain}
.sarac-intro{padding-top:30px;padding-bottom:66px}
.sarac-intro p{max-width:65ch}
.sarac-section{padding-top:0;padding-bottom:68px}
.sarac-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px}
.sarac-section-top p,.sarac-section-top small{max-width:36ch;font-size:14px;line-height:1.6;color:var(--sarac-muted)}
.sarac-reels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sarac-reel{min-width:0}
.sarac-video-frame{position:relative;aspect-ratio:9/16;isolation:isolate;background:#fff;overflow:hidden}
.sarac-video-frame video{width:100%;height:100%;object-fit:contain}
.sarac-video-controls{position:absolute;right:9px;bottom:9px;left:9px;display:flex;justify-content:space-between;gap:8px;z-index:1;pointer-events:none}
.sarac-video-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:10px 12px;border:1px solid #ffffff65;border-radius:0;background:#101820d9;color:#fff;font:inherit;font-size:12px;line-height:1.2;cursor:pointer;pointer-events:auto;transition:background .18s}
.sarac-video-controls button:hover{background:#101820}
.sarac-video-controls button svg{display:block;width:17px;height:17px;flex-shrink:0}
.sarac-sound .sarac-audible-mark,.sarac-sound[aria-pressed=true] .sarac-muted-mark{display:none}
.sarac-sound[aria-pressed=true] .sarac-audible-mark{display:block}
.sarac-page figcaption{margin-top:11px;font-size:13px;line-height:1.45;color:var(--sarac-muted)}
.sarac-reel figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sarac-reel figcaption>span{font-size:11px;color:#7b838a}
.sarac-section-top>span{font-size:13px;color:var(--sarac-muted);white-space:nowrap}
.sarac-dialog-open{overflow:hidden}
.sarac-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}
.sarac-post-grid+.sarac-post-grid{margin-top:32px}
.sarac-post{display:block;position:relative;min-width:0;aspect-ratio:4/5;background:#fff;text-decoration:none}
.sarac-post img{width:100%;height:100%;aspect-ratio:4/5;object-fit:contain}
.sarac-enlarge{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:44px;height:44px;background:#fff;color:#101820;font-size:22px;line-height:1;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s;box-shadow:0 2px 12px #0001;pointer-events:none}
.sarac-post:hover .sarac-enlarge,.sarac-post:focus-visible .sarac-enlarge{opacity:1;transform:none}
.sarac-end{display:flex;justify-content:flex-end;padding-top:0;padding-bottom:60px}
.sarac-end .text-link{display:inline-flex;align-items:center;min-height:44px}
.sarac-page :is(a,button):focus-visible,.sarac-dialog button:focus-visible{outline:3px solid #527b9e;outline-offset:4px}
.sarac-feature-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;aspect-ratio:1.3;overflow:hidden;background:#fff}
.sarac-feature-panel{position:relative;min-width:0;min-height:0;overflow:hidden;background:#fff}
.sarac-feature-panel video{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;pointer-events:none}
.sarac-dialog{box-sizing:border-box;width:min(1000px,94vw);max-width:1000px;max-height:90vh;max-height:90dvh;margin:auto;padding:0;border:0;border-radius:0;background:#fff;color:#101820;overflow:hidden;box-shadow:0 20px 90px #0005}
.sarac-dialog[open]{display:flex;flex-direction:column}
.sarac-dialog::backdrop{background:#081017c9;backdrop-filter:blur(5px)}
.sarac-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0;min-height:70px;padding:12px 20px}
.sarac-dialog-head h3{margin:0;font-family:inherit;font-size:16px;line-height:1.4;font-weight:500}
.sarac-dialog-close,.sarac-prev,.sarac-next{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex-shrink:0;padding:10px;border:1px solid #dce3e9;border-radius:0;background:#fff;color:#101820;font-family:inherit;line-height:1;cursor:pointer;transition:background .18s}
.sarac-dialog-close{font-size:14px;padding-inline:14px}
.sarac-prev,.sarac-next{font-size:24px}
.sarac-dialog-close:hover,.sarac-prev:hover,.sarac-next:hover{background:#edf2f6}
.sarac-dialog-body{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:16px;align-items:center;justify-items:center;min-height:0;padding:0 20px 20px;overflow:hidden}
.sarac-dialog-body img{display:block;width:100%;height:auto;max-width:100%;max-height:calc(90vh - 100px);max-height:calc(90dvh - 100px);object-fit:contain}
.sarac-language h3{font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.02em;margin:0 0 20px}
.sarac-language h2{scroll-margin-top:130px}
.sarac-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.sarac-palette li{min-width:0;font-size:12px;line-height:1.4}
.sarac-swatch{display:block;height:clamp(80px,10vw,132px);margin-bottom:10px}
.sarac-social-system{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:70px;margin-top:42px;align-items:start}
.sarac-type-samples{display:grid;gap:26px;max-width:340px}
.sarac-type-samples figcaption{margin:0 0 12px;font-size:13px}
.sarac-type-samples img{width:100%;height:auto;object-fit:contain;object-position:left center}
.sarac-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sarac-highlight-grid img{aspect-ratio:1;object-fit:contain;max-width:140px;margin-inline:auto}
@media(max-width:760px){
 .sarac-social-system{grid-template-columns:1fr;gap:34px;margin-top:32px}
 .sarac-type-samples{gap:24px;max-width:340px}
 .sarac-language h3{font-size:16px;margin-bottom:16px}
 .sarac-highlight-grid{gap:16px}
 .sarac-palette{gap:6px}
}
@media(max-width:1000px){
 .sarac-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sarac-reels{gap:12px}
 .sarac-video-controls{right:7px;bottom:7px;left:7px;gap:5px}
 .sarac-video-controls button{padding:9px;font-size:11px}
}
@media(max-width:760px){
 .sarac-heading{padding-top:24px;padding-bottom:24px}
 .sarac-title-row{align-items:flex-start;flex-direction:column;gap:14px;margin-top:20px}
 .sarac-page h1{font-size:clamp(44px,9vw,66px)}
 .sarac-title-row p{padding:0;font-size:13px}
 .sarac-hero-grid{gap:9px}
 .sarac-intro{padding-top:24px;padding-bottom:46px}
 .sarac-page p{font-size:16px}
 .sarac-section{padding-bottom:48px}
 .sarac-section-top{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:22px}
 .sarac-section-top p,.sarac-section-top small{font-size:13px}
 .sarac-reels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .sarac-post-grid{gap:16px 12px}
 .sarac-page figcaption{font-size:12px}
 .sarac-enlarge{right:9px;bottom:9px;width:36px;height:36px;font-size:20px;opacity:1;transform:none}
 .sarac-end{padding-bottom:44px}
}
@media(max-width:540px){
 .sarac-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px;max-width:300px}
 .sarac-highlight-grid img{max-width:116px;margin-inline:0}
 .sarac-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:9px;align-items:stretch}
 .sarac-hero-side:first-child{grid-column:1;grid-row:1}
 .sarac-hero-side:last-child{grid-column:1;grid-row:2}
 .sarac-hero-center{grid-column:2;grid-row:1/span 2;aspect-ratio:auto}
 .sarac-post-grid{grid-template-columns:1fr;gap:22px}
 .sarac-post-grid+.sarac-post-grid{margin-top:22px}
 .sarac-video-controls button{font-size:11px;padding:8px;gap:4px}
 .sarac-video-controls button svg{width:16px;height:16px}
 .sarac-dialog{width:calc(100vw - 16px);max-height:94vh;max-height:94dvh}
 .sarac-dialog-head{min-height:66px;padding:10px 12px;gap:12px}
 .sarac-dialog-head h3{font-size:14px}
 .sarac-dialog-body{grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 12px}
 .sarac-dialog-body img{grid-column:1/-1;grid-row:1;max-height:calc(94vh - 144px);max-height:calc(94dvh - 144px)}
 .sarac-prev{grid-column:1;grid-row:2;justify-self:end;min-width:64px}
 .sarac-next{grid-column:2;grid-row:2;justify-self:start;min-width:64px}
}
@media(prefers-reduced-motion:reduce){
 body:not(.motion-enabled) .sarac-page *,body:not(.motion-enabled) .sarac-feature-media *,body:not(.motion-enabled) .sarac-dialog *{scroll-behavior:auto;transition:none;animation:none}
}

/* mobile.css */
/* Shared phone refinements; project-specific compositions live in their own sheets. */
.logo-cell--reference,
.client-card--reference { cursor: default; }
.logo-cell--reference:hover,
.client-card--reference:hover { transform: none; box-shadow: none; }
.project-catalog--compact .client-card--reference:hover .client-logo { opacity: 1; }
.footer-social a.social-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: auto;
  min-height: 44px;
}
.footer-whatsapp-label { font-size: 14px; line-height: 1.5; }
.footer-social a.social-icon svg { flex: 0 0 22px; order: -1; }
#ofis-adresi { scroll-margin-top: 110px; }

@media (max-width: 760px) {
  html { scroll-padding-top: 96px; }
  .site-header .brand { min-height: 44px; display: flex; align-items: center; }
  .site-header .menu-button { min-height: 44px; min-width: 88px; justify-content: flex-end; }
  .site-header nav {
    max-height: calc(100vh - 84px);
    max-height: calc(100dvh - 84px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  main#icerik :is(h1,h2,h3):not(:where(.concept-art *,.blog-cover *,.service-study *,.hero *)) {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }
  main#icerik :is(.project-back,.text-link,.project-button) { min-height: 44px; }
  .project-search input { font-size: 16px; }
  .project-catalog--compact .project-search input { font-size: 16px; }
  .project-search-field button { min-height: 44px; padding-inline: 10px; }
  .footer-main { gap: 26px; }
  .footer-main > .footer-column:nth-child(2) { display: block; }
  .footer-navigation { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 16px; max-width: none; }
  .footer-navigation a,.footer-direct a,.footer-top { min-height: 44px; font-size: 15px; }
  .footer-direct { gap: 4px; }
  .footer-social a.social-icon { min-width: 44px; min-height: 44px; }
}

/* covers.css */
/* Keep a visible cover independent of video buffering, errors or autoplay policy. */
.festival-feature[data-cover] .cover-poster{background-position:center;background-size:cover;background-repeat:no-repeat}
.festival-feature[data-cover] .festival-video-poster,.festival-feature[data-cover] .boba-feature-media--video>img{visibility:visible}
.festival-feature[data-cover] iframe{transition:none}
.festival-feature[data-cover] .morniva-feature-media{position:relative}
.festival-feature[data-cover] .cover-poster--added{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.festival-feature[data-cover] .sarac-feature-panel .cover-poster--added{object-fit:contain;background-size:contain}
.festival-feature[data-cover] video[data-src]:not([data-media-ready="true"]){opacity:0}
.festival-feature[data-cover] video[data-src][data-media-ready="true"]{opacity:1}
.festival-feature[data-cover] .morniva-feature-media video,.festival-feature[data-cover] .sarac-feature-panel video{position:relative}
/* Keep each case-study film's own full-resolution still underneath its player. */
.festival-page .festival-video-poster,.festival-page .festival-video[data-playing] .festival-video-poster{visibility:visible}
.festival-page .festival-video iframe{transition:none}
.boba-vimeo-frame>.boba-video-poster,.boba-vimeo-frame[data-playing="true"]>.boba-video-poster{z-index:0;object-fit:contain;visibility:visible}
.boba-vimeo-frame>iframe{z-index:1;opacity:0;transition:none}
.boba-vimeo-frame[data-playing="true"]>iframe{opacity:1}

/* services-hub.css */
.service-hub-page{--hub-blue:#86aace;--hub-pale:#edf3f7;background:#fff;color:#000}
.service-hub-page .section-pad{padding-inline:clamp(24px,4.45vw,88px)}
.service-breadcrumb{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;color:#59636b}.service-breadcrumb a{border-bottom:1px solid transparent}.service-breadcrumb a:hover{border-color:currentColor}
.service-hub-hero{min-height:calc(86svh - 106px);padding-top:20px;padding-bottom:clamp(70px,8vw,130px);display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid #c9c9c9}
.service-hub-hero>div:nth-child(2){display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:8vw;align-items:end;margin-top:auto;padding-top:70px}.service-hub-hero h1{margin:0;font-size:clamp(68px,8.4vw,152px);font-weight:550;letter-spacing:-.075em;line-height:.86}.service-hub-hero h1 span{color:var(--hub-blue)}.service-hub-hero p{margin:0 0 8px;max-width:40ch;font-size:clamp(19px,1.45vw,24px);line-height:1.5}.service-hub-count{display:flex;align-items:flex-end;gap:18px;margin-top:50px}.service-hub-count strong{font-size:clamp(64px,7vw,118px);font-weight:560;line-height:.75;letter-spacing:-.07em;color:var(--hub-blue)}.service-hub-count span{font-size:11px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}
.service-hub-catalog{padding-block:clamp(76px,8vw,130px)}.service-hub-group{border-top:1px solid #8f969b;padding:24px 0 clamp(76px,8vw,126px)}.service-hub-group>h2{margin:0 0 32px;font-size:clamp(31px,3vw,50px);font-weight:520;letter-spacing:-.05em}.service-hub-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.service-hub-card{min-width:0;background:#f2f2f2;transition:transform .22s ease,box-shadow .22s ease}.service-hub-card figure{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;aspect-ratio:4/5;margin:0;overflow:hidden}.service-hub-card img{width:100%;height:100%;min-height:0;object-fit:cover;filter:saturate(.9);transition:transform .45s ease,filter .3s ease}.service-hub-card figcaption{position:relative;z-index:2;min-height:142px;padding:17px 18px 19px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:10px;background:#fff;border:1px solid #c8cdd1;border-top:0}.service-hub-card figcaption>span{padding-top:4px;font-size:10px;color:#65717a}.service-hub-card h3{margin:0;font-size:clamp(21px,1.85vw,31px);font-weight:540;line-height:.98;letter-spacing:-.045em}.service-hub-card small{display:block;margin-top:18px;font-size:9px;line-height:1.35;letter-spacing:.08em;color:#65717a}.service-hub-card i{font-style:normal;text-align:right}.service-hub-card:hover,.service-hub-card:focus-visible{transform:translateY(-5px);box-shadow:0 18px 40px rgba(28,42,52,.12)}.service-hub-card:hover img,.service-hub-card:focus-visible img{transform:scale(1.035);filter:saturate(1)}
.service-hub-contact{background:var(--hub-pale);padding-block:clamp(86px,10vw,160px);display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.service-hub-contact h2{margin:0;font-size:clamp(50px,6.8vw,114px);line-height:.91;letter-spacing:-.07em;font-weight:520}.service-hub-contact h2 span{color:var(--hub-blue)}.service-hub-contact a{display:inline-flex;align-items:center;min-height:48px;border-bottom:1px solid #000;font-size:17px;white-space:nowrap}
.service-hub-page a:focus-visible{outline:2px solid #000;outline-offset:4px}
main#icerik.service-hub-page :is(h1,h2,h3){overflow-wrap:normal;word-break:normal}main#icerik.service-hub-page .service-hub-hero h1{font-size:clamp(68px,8.4vw,152px);line-height:.86;letter-spacing:-.075em}main#icerik.service-hub-page .service-hub-group>h2{font-size:clamp(31px,3vw,50px);line-height:1}main#icerik.service-hub-page .service-hub-card h3{font-size:clamp(21px,1.85vw,31px);line-height:.98}main#icerik.service-hub-page .service-hub-contact h2{font-size:clamp(50px,6.8vw,114px);line-height:.91}
@media(max-width:980px){.service-hub-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}.service-hub-card figure{aspect-ratio:5/4}.service-hub-card figcaption{min-height:128px}}
@media(max-width:760px){.service-hub-hero{min-height:auto;padding-top:6px;padding-bottom:70px}.service-hub-hero>div:nth-child(2){display:block;padding-top:54px}.service-hub-hero h1{font-size:16.5vw}.service-hub-hero p{font-size:17px;margin-top:48px}.service-hub-count{margin-top:44px}.service-hub-count strong{font-size:72px}.service-hub-catalog{padding-block:58px}.service-hub-group{padding:20px 0 62px}.service-hub-group>h2{margin-bottom:20px}.service-hub-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.service-hub-card figure{aspect-ratio:4/5}.service-hub-card figcaption{min-height:118px;padding:13px 11px 14px;grid-template-columns:18px minmax(0,1fr) 13px;gap:6px}.service-hub-card h3{font-size:21px}.service-hub-card small{display:none}.service-hub-card i{font-size:13px}.service-hub-contact{display:block;padding-block:82px}.service-hub-contact h2{font-size:51px}.service-hub-contact a{margin-top:44px}main#icerik.service-hub-page .service-hub-hero h1{font-size:16.5vw}main#icerik.service-hub-page .service-hub-group>h2{font-size:32px}main#icerik.service-hub-page .service-hub-card h3{font-size:21px}main#icerik.service-hub-page .service-hub-contact h2{font-size:51px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .service-hub-card,body:not(.motion-enabled) .service-hub-card img{transition:none}}