:root { --paper: #f2f0ea; --paper-2: #e6e4dd; --print: #17212b; --print-soft: #59636a; --editorial-lime: #b08a57; --editorial-line: rgba(23,33,43,.24); }

body.page-home { color: var(--print); background: var(--paper); }
.page-home .noise { z-index: 200; opacity: .13; mix-blend-mode: multiply; background-image: radial-gradient(rgba(15,15,12,.32) .38px, transparent .5px); background-size: 3px 3px; }
.page-home .cursor-glow { z-index: 0; opacity: .18; background: radial-gradient(circle, rgba(186,255,25,.28), transparent 67%); }
.page-home .site-header { color: var(--print); background: rgba(238,236,228,.88); border-color: rgba(17,18,15,.15); }
.page-home .site-header.scrolled { background: rgba(238,236,228,.9); border-color: rgba(17,18,15,.23); }
.page-home .site-header::after { background: var(--print); }
.page-home .brand-symbol { border-color: var(--print); }
.page-home .brand-symbol i { background: var(--print); }
.page-home .brand-type span { color: var(--print); }
.page-home .site-nav > a { color: #34352f; }
.page-home .site-nav > a:not(.nav-cta)::after { background: var(--print); }
.page-home .nav-cta { color: var(--paper) !important; background: var(--print); }
.page-home .back-top-floating { color: var(--paper); background: var(--print); border-color: var(--print); }
.page-home .back-top-floating:hover { color: var(--print); background: var(--editorial-lime); border-color: var(--print); }

.editorial-home { position: relative; z-index: 1; overflow: clip; }
.editorial-home a { text-decoration: none; }
.edition-cover { min-height: 100svh; padding-top: 116px; padding-bottom: 54px; }
.edition-meta { display: grid; grid-template-columns: 1fr auto 1fr; gap: 30px; padding: 12px 0; border-top: 2px solid var(--print); border-bottom: 1px solid var(--print); font: 700 8px/1 var(--mono); letter-spacing: .13em; }
.edition-meta span:nth-child(2) { text-align: center; }.edition-meta span:last-child { text-align: right; }
.edition-masthead { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 8px 0 14px; border-bottom: 5px solid var(--print); white-space: nowrap; }
.edition-masthead span { font-size: clamp(62px, 10.9vw, 180px); font-weight: 900; line-height: .76; letter-spacing: -.095em; }
.edition-masthead em { color: var(--editorial-lime); font: italic 400 clamp(60px, 10.5vw, 174px)/.75 Georgia,serif; letter-spacing: -.08em; text-shadow: -2px 0 var(--print),0 2px var(--print),2px 0 var(--print),0 -2px var(--print); }
.cover-grid { display: grid; grid-template-columns: .84fr 1.18fr .62fr; min-height: 610px; border-bottom: 1px solid var(--print); }
.cover-lead { padding: clamp(40px,4vw,70px) clamp(28px,3.2vw,52px) 40px 0; border-right: 1px solid var(--editorial-line); }
.editorial-label { display: block; font: 750 8px/1 var(--mono); letter-spacing: .14em; }
.cover-lead h1 { margin: clamp(50px,6vh,82px) 0 30px; font-size: clamp(53px,5.2vw,83px); font-weight: 650; line-height: .87; letter-spacing: -.07em; }
.cover-lead h1 em { color: var(--print); font-family: Georgia,serif; font-weight: 400; }
.cover-lead > p { max-width: 440px; margin: 0 0 36px; color: var(--print-soft); font: 400 16px/1.65 Georgia,serif; }
.editorial-link { display: inline-flex; align-items: center; gap: 35px; padding: 13px 0 8px; border-bottom: 2px solid var(--print); font-size: 13px; font-weight: 780; }
.editorial-link i { font-style: normal; transition: transform .3s; }.editorial-link:hover i { transform: translate(4px,-4px); }
.cover-art { --editorial-shift: 0px; position: relative; min-width: 0; overflow: hidden; color: var(--paper); background: var(--print); transform: translateY(var(--editorial-shift)); }
.cover-art::before { content: ""; position: absolute; inset: 0; opacity: .18; background: linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px); background-size: 11.111% 14.285%; }
.cover-art-no { position: absolute; z-index: 3; top: 22px; left: 25px; font: 700 11px/1 var(--mono); }
.cover-shape { position: absolute; border: 1px solid rgba(186,255,25,.7); border-radius: 50%; }
.shape-one { top: 50%; left: 50%; width: 72%; aspect-ratio: 1; transform: translate(-50%,-50%); }
.shape-two { top: 50%; left: 50%; width: 48%; aspect-ratio: 1; transform: translate(-50%,-50%); border-color: rgba(238,236,228,.42); }
.shape-three { top: 17%; right: 13%; width: 90px; aspect-ratio: 1; background: var(--editorial-lime); border: 0; box-shadow: 0 0 70px rgba(186,255,25,.4); }
.cover-word { position: absolute; z-index: 2; right: 6%; bottom: 8%; font-size: clamp(65px,7vw,112px); font-weight: 900; line-height: .69; letter-spacing: -.085em; text-align: right; mix-blend-mode: difference; }
.cover-art small { position: absolute; bottom: 25px; left: 25px; font: 700 7px/1 var(--mono); letter-spacing: .14em; }
.cover-index { padding: clamp(40px,4vw,66px) 0 30px clamp(25px,3vw,46px); }
.cover-index ol { margin: 45px 0 70px; padding: 0; list-style: none; border-top: 1px solid var(--print); }
.cover-index li { border-bottom: 1px solid var(--editorial-line); }
.cover-index li a { display: grid; grid-template-columns: 30px 1fr; gap: 6px 12px; padding: 17px 0; }
.cover-index li span { grid-row: 1/3; padding-top: 3px; font: 700 8px/1 var(--mono); }
.cover-index li strong { font-size: 14px; }.cover-index li small { color: var(--print-soft); font: 500 8px/1.2 var(--mono); }
.cover-index li a:hover strong { text-decoration: underline; text-underline-offset: 4px; }
.cover-note { display: grid; grid-template-columns: 72px 1fr; gap: 16px; align-items: start; padding-top: 19px; border-top: 5px solid var(--print); }
.cover-note b { font-size: 25px; letter-spacing: -.06em; }.cover-note p { margin: 1px 0 0; color: var(--print-soft); font: italic 13px/1.45 Georgia,serif; }

.editorial-ticker { overflow: hidden; color: var(--editorial-lime); background: var(--print); }
.editorial-ticker-track { display: flex; width: max-content; gap: 30px; padding: 16px 0; align-items: center; white-space: nowrap; font: 850 13px/1 var(--sans); letter-spacing: .08em; animation: editorialTicker 28s linear infinite; }
.editorial-ticker-track i { font-style: normal; font-size: 8px; }

.editorial-statement { display: grid; grid-template-columns: .25fr 1fr; padding-top: clamp(100px,10vw,170px); padding-bottom: clamp(100px,10vw,170px); }
.statement-aside { display: flex; flex-direction: column; align-items: flex-start; padding-right: 32px; border-right: 1px solid var(--editorial-line); }
.statement-aside span,.statement-aside small { font: 700 8px/1 var(--mono); letter-spacing: .12em; }
.statement-aside b { margin: 55px 0 auto; font: italic 400 clamp(42px,4vw,64px)/.9 Georgia,serif; letter-spacing: -.05em; }
.statement-aside small { color: var(--print-soft); }
.statement-copy { padding-left: clamp(35px,5vw,82px); }
.statement-deck { max-width: 1130px; margin: 0 0 70px; font-size: clamp(43px,5.2vw,84px); font-weight: 590; line-height: .98; letter-spacing: -.055em; }
.statement-columns { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px,7vw,110px); padding-top: 30px; border-top: 1px solid var(--print); }
.statement-columns p { margin: 0; color: #45463f; font: 400 17px/1.75 Georgia,serif; }
.statement-columns p:first-child span { float: left; margin: -8px 9px -8px 0; color: var(--editorial-lime); font: 800 88px/.9 var(--sans); text-shadow: 1px 0 var(--print),0 1px var(--print),-1px 0 var(--print),0 -1px var(--print); }
.statement-quote { grid-column: 1/-1; margin: clamp(100px,12vw,180px) 0 0; padding: clamp(50px,7vw,100px) 0 0 25%; border-top: 5px solid var(--print); font-size: clamp(52px,7.3vw,118px); font-weight: 700; line-height: .86; letter-spacing: -.07em; }
.statement-quote em { font-family: Georgia,serif; font-weight: 400; }

.editorial-departments { padding: clamp(100px,10vw,160px) 0; background: var(--paper-2); border-top: 1px solid var(--print); border-bottom: 1px solid var(--print); }
.editorial-section-head { display: grid; grid-template-columns: .35fr 1fr .5fr; gap: clamp(30px,5vw,80px); align-items: end; margin-bottom: 65px; padding-bottom: 28px; border-bottom: 5px solid var(--print); }
.editorial-section-head > div { align-self: start; }.editorial-section-head span,.editorial-section-head small { display: block; font: 750 8px/1.4 var(--mono); letter-spacing: .13em; }.editorial-section-head small { margin-top: 8px; color: var(--print-soft); }
.editorial-section-head h2 { margin: 0; font-size: clamp(58px,6.5vw,104px); font-weight: 700; line-height: .82; letter-spacing: -.07em; }.editorial-section-head h2 em { font-family: Georgia,serif; font-weight: 400; }
.editorial-section-head > p { margin: 0; color: var(--print-soft); font: 400 16px/1.6 Georgia,serif; }
.department-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; border-top: 1px solid var(--print); border-left: 1px solid var(--print); }
.department { position: relative; min-height: 390px; padding: 30px; overflow: hidden; border-right: 1px solid var(--print); border-bottom: 1px solid var(--print); transition: color .35s,background .35s; }
.department-feature { grid-row: span 2; min-height: 780px; }
.department > span { font: 750 8px/1 var(--mono); letter-spacing: .13em; }.department h3 { position: relative; z-index: 2; margin: 90px 0 24px; font-size: clamp(37px,3.7vw,60px); line-height: .91; letter-spacing: -.055em; }.department p { position: relative; z-index: 2; max-width: 410px; margin: 0; color: var(--print-soft); font: 400 15px/1.6 Georgia,serif; }.department > i { position: absolute; z-index: 2; right: 28px; bottom: 28px; font: normal 750 9px/1 var(--mono); letter-spacing: .08em; }
.department-dark { color: var(--paper); background: var(--print); }.department-dark p { color: #b6b4ac; }.department:hover:not(.department-dark) { color: var(--paper); background: var(--print); }.department:hover:not(.department-dark) p { color: #b6b4ac; }.department-dark:hover { color: var(--print); background: var(--editorial-lime); }.department-dark:hover p { color: #33352e; }
.department-mark { position: absolute; right: -5%; bottom: 0; color: var(--editorial-lime); font: italic 400 clamp(180px,20vw,330px)/.62 Georgia,serif; letter-spacing: -.13em; }

.story-edition { padding-top: clamp(110px,12vw,190px); padding-bottom: clamp(110px,12vw,190px); }
.story-heading { display: grid; grid-template-columns: .32fr 1fr .5fr; gap: 50px; align-items: end; padding-bottom: 42px; border-bottom: 5px solid var(--print); }
.story-heading > span { align-self: start; font: 750 8px/1 var(--mono); letter-spacing: .13em; }.story-heading h2 { margin: 0; font-size: clamp(62px,7.5vw,120px); font-weight: 740; line-height: .75; letter-spacing: -.075em; }.story-heading h2 em { font-family: Georgia,serif; font-weight: 400; }.story-heading p { margin: 0; color: var(--print-soft); font: 400 16px/1.6 Georgia,serif; }
.story-list { border-bottom: 1px solid var(--print); }
.story { --editorial-shift: 0px; display: grid; grid-template-columns: 1.45fr .55fr; min-height: min(82vh,820px); padding: 55px 0; gap: clamp(40px,7vw,110px); border-bottom: 1px solid var(--print); transform: translateY(var(--editorial-shift)); }
.story-art { position: relative; min-height: 620px; overflow: hidden; background: var(--print); color: var(--paper); }
.story-art::after { content: ""; position: absolute; inset: 0; opacity: .18; background: repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#fff 12.5%); }
.story-art > span { position: absolute; z-index: 2; top: 50%; left: 50%; font-size: clamp(100px,14vw,225px); font-weight: 900; line-height: .7; letter-spacing: -.09em; transform: translate(-50%,-50%); }.story-art > b { position: absolute; z-index: 3; top: 22px; right: 25px; font: 700 12px/1 var(--mono); }.story-art > small { position: absolute; z-index: 3; bottom: 22px; left: 25px; font: 700 7px/1 var(--mono); letter-spacing: .13em; }.story-art > i { position: absolute; z-index: 1; top: 50%; left: 50%; width: 31%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%,-50%); background: var(--editorial-lime); box-shadow: 0 0 100px rgba(186,255,25,.35); }
.story-b .story-art { color: #2a1d19; background: #c5a28c; }.story-b .story-art > i { width: 43%; border-radius: 48% 48% 0 0; background: #e8ded1; box-shadow: none; }.story-c .story-art { background: #251516; }.story-c .story-art > i { width: 38%; background: #a7212c; box-shadow: 0 0 100px rgba(167,33,44,.3); }
.story-copy { align-self: center; }.story-copy > span { font: 750 8px/1 var(--mono); letter-spacing: .13em; }.story-copy h3 { margin: 45px 0 25px; font-size: clamp(40px,4.3vw,70px); line-height: .92; letter-spacing: -.06em; }.story-copy p { color: var(--print-soft); font: 400 16px/1.65 Georgia,serif; }.story-copy > b { display: inline-block; margin-top: 55px; padding-bottom: 8px; border-bottom: 2px solid; font: 750 10px/1 var(--mono); letter-spacing: .08em; }
.story:hover .story-art > span { font-style: italic; }.concept-note { color: var(--print-soft) !important; }

.editorial-manifesto { overflow: hidden; color: var(--paper); background: var(--print); }
.manifesto-marquee { display: flex; width: max-content; color: var(--print); background: var(--editorial-lime); transform: rotate(-1deg) scale(1.02); }
.manifesto-marquee span { padding: 17px 0 20px; white-space: nowrap; font-size: clamp(34px,4vw,68px); font-weight: 900; line-height: .8; letter-spacing: -.045em; animation: editorialTicker 22s linear infinite; }
.manifesto-editorial { min-height: 90svh; display: grid; grid-template-columns: .3fr 1fr; align-content: center; gap: 60px; padding-top: 100px; padding-bottom: 100px; }
.manifesto-editorial > span { font: 700 8px/1 var(--mono); letter-spacing: .13em; }.manifesto-editorial h2 { margin: 0; font-size: clamp(75px,10vw,160px); font-weight: 780; line-height: .76; letter-spacing: -.08em; }.manifesto-editorial h2 em { color: var(--editorial-lime); font-family: Georgia,serif; font-weight: 400; }.manifesto-editorial p { grid-column: 2; max-width: 680px; margin: 20px 0 0 auto; color: #b9b8b0; font: 400 20px/1.6 Georgia,serif; }

.production-notes { padding-top: clamp(110px,12vw,190px); padding-bottom: clamp(110px,12vw,190px); }
.notes-grid { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--print); border-left: 1px solid var(--print); }
.notes-grid li { min-height: 400px; padding: 26px; border-right: 1px solid var(--print); border-bottom: 1px solid var(--print); }.notes-grid span { font: 750 8px/1 var(--mono); letter-spacing: .13em; }.notes-grid b { display: block; margin: 70px 0 45px; color: var(--editorial-lime); font-size: 85px; line-height: .7; letter-spacing: -.08em; text-shadow: 1px 0 var(--print),0 1px var(--print),-1px 0 var(--print),0 -1px var(--print); }.notes-grid h3 { margin: 0 0 18px; font-size: 28px; }.notes-grid p { margin: 0; color: var(--print-soft); font: 400 14px/1.6 Georgia,serif; }
.editorial-colophon { display: grid; grid-template-columns: .55fr 1fr .55fr; gap: 50px; align-items: center; margin-top: 80px; padding: 38px 0; border-top: 5px solid var(--print); border-bottom: 1px solid var(--print); }.editorial-colophon > div:first-child { display: grid; grid-template-columns: auto 1fr; align-items: end; }.editorial-colophon small,.editorial-colophon span { font: 700 7px/1 var(--mono); letter-spacing: .12em; }.editorial-colophon small { grid-column: 1/-1; }.editorial-colophon strong { font-size: 95px; line-height: .8; letter-spacing: -.08em; }.editorial-colophon > p { margin: 0; font: 400 18px/1.6 Georgia,serif; }.colophon-tags { display: flex !important; flex-wrap: wrap; gap: 7px; }.colophon-tags span { padding: 9px; border: 1px solid var(--print); }

.page-home .closing-cta { color: var(--editorial-lime); background: var(--print); border: 0; }
.page-home .closing-inner { border-color: rgba(238,236,228,.24); }
.page-home .closing-cta .section-tag { color: #aaa99f; }.page-home .closing-cta .section-tag span { color: var(--editorial-lime); }
.page-home .closing-cta h2 { color: var(--paper); }.page-home .closing-cta h2 em { color: var(--editorial-lime); }
.page-home .closing-bottom p { color: #aaa99f; }.page-home .button-primary { color: var(--print); background: var(--editorial-lime); }
.page-home .site-footer { color: var(--paper); background: var(--print); border-color: rgba(238,236,228,.18); }.page-home .site-footer .brand-symbol { border-color: var(--editorial-lime); }.page-home .site-footer .brand-symbol i { background: var(--editorial-lime); }.page-home .site-footer .brand-type span { color: var(--editorial-lime); }.page-home .footer-main > div:first-child p,.page-home .footer-links span { color: #8f8f88; }.page-home .footer-links small { color: #73736d; }.page-home .footer-bottom { color: #73736d; border-color: rgba(238,236,228,.18); }

html.js-ready .page-home .reveal { filter: none; transform: translate3d(0,38px,0); clip-path: inset(0 0 6% 0); }
html.js-ready .page-home .reveal.in-view { transform: translate3d(0,0,0); clip-path: inset(0); }

@keyframes editorialTicker { to { transform: translateX(-50%); } }

@media (max-width:1100px) {
  .cover-grid { grid-template-columns: 1fr 1fr; }.cover-index { grid-column: 1/-1; display: grid; grid-template-columns: .3fr 1fr .4fr; gap: 30px; border-top: 1px solid var(--print); padding-left: 0; }.cover-index ol { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }.cover-note { align-self: start; }.statement-quote { padding-left: 10%; }.department-grid { grid-template-columns: 1fr 1fr; }.department-feature { grid-row: auto; min-height: 520px; }.story { grid-template-columns: 1.15fr .65fr; }.notes-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width:780px) {
  .page-home .site-header { height: 78px; }.page-home .menu-toggle { border-color: var(--editorial-line); background: rgba(17,18,15,.03); }.page-home .menu-toggle i { background: var(--print); }.page-home .site-nav { color: var(--paper); background: var(--print); }.page-home .site-nav > a { color: var(--paper); }.page-home .site-nav .nav-cta { color: var(--print) !important; background: var(--editorial-lime); }
  .edition-cover { padding-top: 96px; }.edition-meta { grid-template-columns: 1fr 1fr; }.edition-meta span:nth-child(2) { display: none; }.edition-masthead { align-items: flex-end; }.edition-masthead span { font-size: 15.8vw; }.edition-masthead em { font-size: 15vw; }
  .cover-grid { grid-template-columns: 1fr; }.cover-lead { border-right: 0; }.cover-lead h1 { font-size: clamp(55px,17vw,78px); }.cover-art { min-height: 560px; }.cover-index { display: block; grid-column: auto; }.cover-index ol { display: block; margin: 35px 0 55px; }.cover-note { max-width: 320px; }
  .editorial-statement { grid-template-columns: 1fr; }.statement-aside { display: grid; grid-template-columns: 1fr auto; border: 0; border-bottom: 1px solid var(--print); padding: 0 0 25px; }.statement-aside b { grid-column: 1/-1; margin: 35px 0; }.statement-copy { padding: 55px 0 0; }.statement-deck { font-size: 42px; }.statement-columns { grid-template-columns: 1fr; }.statement-quote { padding-left: 0; font-size: 51px; }
  .editorial-section-head,.story-heading { grid-template-columns: 1fr; gap: 25px; }.editorial-section-head h2,.story-heading h2 { font-size: 62px; }.department-grid { grid-template-columns: 1fr; }.department,.department-feature { min-height: 430px; }.department-mark { font-size: 220px; }
  .story { grid-template-columns: 1fr; min-height: 0; gap: 40px; }.story-art { min-height: 500px; }.story-copy { padding-bottom: 30px; }.story-copy h3 { font-size: 46px; }
  .manifesto-editorial { min-height: 780px; grid-template-columns: 1fr; align-content: center; }.manifesto-editorial h2 { font-size: 72px; }.manifesto-editorial p { grid-column: auto; margin-left: 0; }
  .notes-grid { grid-template-columns: 1fr; }.notes-grid li { min-height: 330px; }.editorial-colophon { grid-template-columns: 1fr; }.colophon-tags { margin-top: 10px; }
}

@media (max-width:480px) {
  .edition-meta { font-size: 6px; }.edition-masthead { border-bottom-width: 3px; }.cover-lead h1 { font-size: 54px; }.cover-art { min-height: 460px; }.cover-word { font-size: 72px; }.statement-deck { font-size: 36px; }.statement-quote { font-size: 42px; }.editorial-section-head h2,.story-heading h2 { font-size: 54px; }.story-art { min-height: 400px; }.story-art > span { font-size: 88px; }.manifesto-editorial h2 { font-size: 59px; }.editorial-colophon strong { font-size: 78px; }
}

@media (prefers-reduced-motion:reduce) { .editorial-ticker-track,.manifesto-marquee span { animation: none; } .cover-art,.story { transform: none !important; } }

/* Editorial system shared by the inner pages */
body:not(.page-home) { --bg: var(--paper); --bg-soft: var(--paper-2); --surface: #e8e5dc; --surface-2: #d7d3c8; --ink: var(--print); --muted: #60615b; --dim: #77786f; --lime: var(--editorial-lime); --cyan: #126a75; --line: rgba(17,18,15,.18); --line-strong: rgba(17,18,15,.36); color: var(--print); background: var(--paper); }
body:not(.page-home) .noise { opacity: .11; mix-blend-mode: multiply; background-image: radial-gradient(rgba(15,15,12,.3) .38px,transparent .5px); background-size: 3px 3px; }
body:not(.page-home) .cursor-glow { opacity: .13; background: radial-gradient(circle,rgba(186,255,25,.3),transparent 67%); }
body:not(.page-home) .site-header { color: var(--print); background: rgba(238,236,228,.88); border-color: rgba(17,18,15,.15); }
body:not(.page-home) .site-header.scrolled { background: rgba(238,236,228,.92); border-color: rgba(17,18,15,.24); }
body:not(.page-home) .site-header::after { background: var(--print); }
body:not(.page-home) .brand-symbol { border-color: var(--print); } body:not(.page-home) .brand-symbol i { background: var(--print); } body:not(.page-home) .brand-type span { color: var(--print); }
body:not(.page-home) .site-nav > a { color: #34352f; } body:not(.page-home) .site-nav > a:not(.nav-cta)::after { background: var(--print); } body:not(.page-home) .nav-cta { color: var(--paper) !important; background: var(--print); }
body:not(.page-home) .page-hero { position: relative; min-height: 82svh; border-top: 2px solid var(--print); border-bottom: 5px solid var(--print); }
body:not(.page-home) .page-hero::before { content: "WEB TASARIM LAB / EDITION 001"; position: absolute; top: 135px; left: 0; font: 700 8px/1 var(--mono); letter-spacing: .13em; }
body:not(.page-home) .page-hero h1 { max-width: 1300px; font-weight: 720; letter-spacing: -.075em; }
body:not(.page-home) .page-hero h1 em { color: var(--print); font-family: Georgia,serif; font-weight: 400; }
body:not(.page-home) .page-hero > p { color: #55564f; font-family: Georgia,serif; }
body:not(.page-home) .services-section,body:not(.page-home) .process,body:not(.page-home) .values { background: var(--paper-2); }
body:not(.page-home) .detail-service { border-color: var(--print); } body:not(.page-home) .detail-number { color: var(--print); } body:not(.page-home) .detail-main > span { color: #676860; } body:not(.page-home) .detail-main p,body:not(.page-home) .project-copy p,body:not(.page-home) .about-copy p { color: #55564f; font-family: Georgia,serif; }
body:not(.page-home) .detail-service li,body:not(.page-home) .fit-list p { color: #45463f; border-color: var(--editorial-line); } body:not(.page-home) .detail-service li::before,body:not(.page-home) .fit-list span { color: var(--print); }
body:not(.page-home) .value-grid { border-color: var(--print); } body:not(.page-home) .value-grid article { border-color: var(--print); } body:not(.page-home) .value-grid span { color: var(--print); } body:not(.page-home) .value-grid p { color: #55564f; font-family: Georgia,serif; }
body:not(.page-home) .contact-intro h1 em { color: var(--print); } body:not(.page-home) .contact-intro > p { color: #55564f; font-family: Georgia,serif; } body:not(.page-home) .contact-direct small,body:not(.page-home) .contact-direct p { color: #66675f; }
body:not(.page-home) .contact-page { grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); }
body:not(.page-home) .contact-form-wrap { min-width: 0; background: var(--paper-2); border-color: var(--print); } body:not(.page-home) .contact-form label > span,body:not(.page-home) .contact-form legend { color: #55564f; } body:not(.page-home) .contact-form input::placeholder,body:not(.page-home) .contact-form textarea::placeholder { color: #85867d; }
body:not(.page-home) .contact-form,body:not(.page-home) .form-row,body:not(.page-home) .contact-form label { min-width: 0; }
body:not(.page-home) .budget-options span { color: #55564f !important; border-color: var(--editorial-line); } body:not(.page-home) .budget-options input:checked + span,body:not(.page-home) .budget-options input:focus-visible + span { color: var(--print) !important; }
body:not(.page-home) .budget-options input { width: 1px; height: 1px; }
body:not(.page-home) .button-primary { color: var(--print); background: var(--editorial-lime); } body:not(.page-home) .button-ghost { border-color: var(--print); }
body:not(.page-home) .legal-content p { color: #55564f; font-family: Georgia,serif; } body:not(.page-home) .legal-content a { color: var(--print); }
body:not(.page-home) .closing-cta { color: var(--paper); background: var(--print); } body:not(.page-home) .closing-cta h2 { color: var(--paper); } body:not(.page-home) .closing-cta h2 em { color: var(--editorial-lime); } body:not(.page-home) .closing-bottom p { color: #aaa99f; }
body:not(.page-home) .site-footer { color: var(--paper); background: var(--print); } body:not(.page-home) .site-footer .brand-symbol { border-color: var(--editorial-lime); } body:not(.page-home) .site-footer .brand-symbol i { background: var(--editorial-lime); } body:not(.page-home) .site-footer .brand-type span { color: var(--editorial-lime); } body:not(.page-home) .footer-main > div:first-child p,body:not(.page-home) .footer-links span { color: #8f8f88; }
body:not(.page-home) .back-top-floating { color: var(--paper); background: var(--print); border-color: var(--print); }

@media(max-width:1100px){ body:not(.page-home) .contact-page { grid-template-columns: 1fr; } }
@media(max-width:780px){ body:not(.page-home) .menu-toggle { border-color: var(--editorial-line); background: transparent; } body:not(.page-home) .menu-toggle i { background: var(--print); } body:not(.page-home) .site-nav { background: var(--print); } body:not(.page-home) .site-nav > a { color: var(--paper); } body:not(.page-home) .site-nav .nav-cta { color: var(--print) !important; background: var(--editorial-lime); } body:not(.page-home) .page-hero::before { top: 110px; } }

/* Readability and continuous editorial motion */
body.page-home { --shell: min(1640px,calc(100% - 72px)); -webkit-font-smoothing: auto; text-rendering: optimizeLegibility; }
.page-home .noise,body:not(.page-home) .noise { display: none; }
.edition-meta { font-size: 10px; }
.editorial-label,.cover-art-no,.statement-aside span,.statement-aside small,.editorial-section-head span,.editorial-section-head small,.story-heading > span,.story-copy > span,.notes-grid span,.editorial-colophon small,.editorial-colophon span { font-size: 10px; line-height: 1.25; }
.cover-art small,.story-art > small { font-size: 9px; }
.cover-index { padding-right: clamp(24px,2.5vw,38px); background: rgba(17,18,15,.035); }
.cover-index > .editorial-label { display: inline-block; padding: 10px 12px; color: var(--paper); background: var(--print); }
.cover-index li a { grid-template-columns: 34px 1fr; padding: 21px 0; }
.cover-index li span { font-size: 10px; }.cover-index li strong { font-size: 17px; }.cover-index li small { font-size: 10px; line-height: 1.35; }
.cover-note p { font-size: 15px; }
.editorial-ticker-track { padding-block: 18px; font-size: 15px; animation-duration: 18s; animation-play-state: running !important; }
.editorial-statement { padding-top: clamp(78px,7vw,120px); }
.statement-columns p { font-size: 18px; }
.department > span { font-size: 10px; }.department p { font-size: 17px; }.department > i { font-size: 11px; }
.story-copy p { font-size: 18px; }.story-copy > b { font-size: 11px; }
.manifesto-editorial > span { font-size: 10px; }.manifesto-editorial p { font-size: 22px; }
.notes-grid span { font-size: 10px; }.notes-grid p { font-size: 16px; line-height: 1.65; }.notes-grid h3 { font-size: 31px; }
.editorial-colophon small,.editorial-colophon span { font-size: 9px; }.editorial-colophon > p { font-size: 20px; }
.colophon-tags span { padding: 11px; }
.department-mark,.notes-grid li b,.editorial-colophon strong { transform: translate3d(0,var(--flow-y,0px),0); will-change: transform; }
.story-art > span { transform: translate3d(-50%,calc(-50% + var(--flow-y,0px)),0); will-change: transform; }
.story-art > i { transform: translate3d(-50%,calc(-50% + var(--flow-y,0px)),0); will-change: transform; }
.department { transition: color .35s,background .35s,transform .6s var(--ease); }
.department:hover { transform: translateY(-8px); }
.notes-grid li { position: relative; overflow: hidden; transition: color .35s,background .35s; }
.notes-grid li::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 7px; background: var(--editorial-lime); transform: scaleX(0); transform-origin: left; transition: transform .6s var(--ease); }
.notes-grid li:hover { background: rgba(17,18,15,.045); }.notes-grid li:hover::after { transform: scaleX(1); }
html.js-ready .page-home .cover-index.in-view li { opacity: 1; transform: translateX(0); }
html.js-ready .page-home .cover-index li { opacity: 0; transform: translateX(20px); transition: opacity .7s var(--ease),transform .85s var(--ease); }
html.js-ready .page-home .cover-index li:nth-child(2) { transition-delay: .08s; } html.js-ready .page-home .cover-index li:nth-child(3) { transition-delay: .16s; } html.js-ready .page-home .cover-index li:nth-child(4) { transition-delay: .24s; }
html.js-ready .page-home .department.reveal { clip-path: inset(0 0 12% 0); transform: translate3d(0,36px,0); }
html.js-ready .page-home .department.reveal.in-view { clip-path: inset(0); transform: translate3d(0,0,0); }

@media(max-width:780px){ body.page-home { --shell: calc(100% - 32px); } .edition-meta { font-size: 8px; } .cover-index li strong { font-size: 16px; } .statement-columns p,.department p,.story-copy p { font-size: 17px; } .editorial-colophon > p { font-size: 18px; } }

@media (prefers-reduced-motion:reduce) { html[data-motion="full"] .editorial-ticker-track,html[data-motion="full"] .manifesto-marquee span { animation-name: editorialTicker !important; animation-duration: 18s !important; animation-timing-function: linear !important; animation-iteration-count: infinite !important; } }

/* v8 — crisp type and a purpose-built compact mobile edition */
body.page-home { font-family: Arial,Helvetica,sans-serif; }
.cover-index ol,.statement-columns { transform: none !important; will-change: auto; }
.story { transform: none; }
.story-art { --editorial-shift: 0px; transform: translate3d(0,var(--editorial-shift),0); will-change: transform; }
html.js-ready .page-home .cover-index.reveal { transform: none; clip-path: none; }
html.js-ready .page-home .cover-index.reveal.in-view { transform: none; }
.cover-lead > p,.statement-columns p,.department p,.story-copy p,.manifesto-editorial p,.notes-grid p,.editorial-colophon > p { color: #35362f; font-size: clamp(18px,1.08vw,20px); line-height: 1.62; }
.cover-index li strong { font-size: 19px; }.cover-index li small { color: #55564f; font-size: 12px; }
.editorial-label,.edition-meta,.statement-aside span,.statement-aside small,.editorial-section-head span,.editorial-section-head small,.story-heading > span,.story-copy > span,.notes-grid span,.editorial-colophon small,.editorial-colophon span { font-size: 11px; letter-spacing: .1em; }
.department > span,.cover-art small,.story-art > small { font-size: 10px; }
.editorial-link,.department > i,.story-copy > b { font-size: 13px; }

@media (max-width:780px) {
  .edition-cover { min-height: auto; padding-top: 92px; padding-bottom: 24px; }
  .edition-meta { display: none; }
  .edition-masthead { padding: 8px 0 11px; border-bottom-width: 3px; }
  .edition-masthead span { font-size: 15.4vw; }.edition-masthead em { font-size: 14.5vw; text-shadow: -1px 0 var(--print),0 1px var(--print),1px 0 var(--print),0 -1px var(--print); }
  .cover-lead { padding: 34px 0 38px; }
  .cover-lead h1 { margin: 28px 0 24px; font-size: clamp(51px,15.5vw,68px); line-height: .9; }
  .cover-lead > p { margin-bottom: 27px; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 1.55; }
  .cover-art { min-height: 350px; max-height: 350px; }
  .cover-word { font-size: 61px; }.shape-three { width: 64px; }
  .cover-index { padding: 26px 0 22px; background: transparent; border-top: 3px solid var(--print); }
  .cover-index > .editorial-label { font-size: 10px; }
  .cover-index ol { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; margin: 20px 0 0; }
  .cover-index li a { grid-template-columns: 22px 1fr; padding: 15px 0; }
  .cover-index li span { font-size: 9px; }.cover-index li strong { font-size: 14px; line-height: 1.1; }.cover-index li small { display: none; }
  .cover-note { display: none; }
  .editorial-ticker-track { padding-block: 15px; font-size: 13px; }

  .editorial-statement { display: block; padding-top: 68px; padding-bottom: 72px; }
  .statement-aside { display: none; }
  .statement-copy { padding: 0; }
  .statement-deck { margin-bottom: 35px; font-size: 34px; line-height: 1.02; }
  .statement-columns { display: block; padding-top: 22px; }
  .statement-columns p { font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 1.6; }
  .statement-columns p:nth-child(2) { display: none; }
  .statement-columns p:first-child span { font-size: 68px; }
  .statement-quote { margin-top: 55px; padding-top: 36px; font-size: 39px; line-height: .94; }

  .editorial-departments { padding: 68px 0; }
  .editorial-section-head,.story-heading { gap: 18px; margin-bottom: 34px; padding-bottom: 22px; border-bottom-width: 3px; }
  .editorial-section-head > div,.story-heading > span { display: none; }
  .editorial-section-head h2,.story-heading h2 { font-size: 50px; line-height: .86; }
  .editorial-section-head > p,.story-heading > p { font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 1.5; }
  .department-grid { grid-template-columns: 1fr 1fr; }
  .department,.department-feature { min-height: 245px; padding: 18px; }
  .department h3 { margin: 46px 0 0; font-size: clamp(25px,7.5vw,31px); line-height: .95; }
  .department p,.department-mark { display: none; }
  .department > span { font-size: 9px; }.department > i { right: 17px; bottom: 17px; font-size: 9px; }
  .department:hover { transform: none; }

  .story-edition { padding-top: 72px; padding-bottom: 72px; }
  .story-list { display: flex; width: calc(100% + 16px); gap: 14px; overflow-x: auto; padding: 0 16px 20px 0; border: 0; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .story-list::-webkit-scrollbar { display: none; }
  .story { flex: 0 0 86vw; display: grid; grid-template-columns: 1fr; gap: 24px; min-height: 0; padding: 0 0 24px; border-bottom: 1px solid var(--print); scroll-snap-align: start; }
  .story-art { min-height: 330px; max-height: 330px; }
  .story-art > span { font-size: 76px; }.story-copy h3 { margin: 20px 0 14px; font-size: 34px; }.story-copy p { display: none; }.story-copy > b { margin-top: 14px; }
  .concept-note { margin-top: 5px; font-size: 11px; }

  .manifesto-marquee span { padding-block: 13px 16px; font-size: 32px; }
  .manifesto-editorial { min-height: 480px; padding-top: 70px; padding-bottom: 70px; gap: 28px; }
  .manifesto-editorial > span { font-size: 10px; }.manifesto-editorial h2 { font-size: 56px; }.manifesto-editorial p { margin-top: 0; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 1.55; }

  .production-notes { padding-top: 72px; padding-bottom: 72px; }
  .notes-grid { display: flex; gap: 12px; overflow-x: auto; border: 0; padding: 0 16px 18px 0; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .notes-grid::-webkit-scrollbar { display: none; }
  .notes-grid li { flex: 0 0 72vw; min-height: 275px; padding: 22px; border: 1px solid var(--print); scroll-snap-align: start; }
  .notes-grid li b { margin: 45px 0 30px; font-size: 68px; }.notes-grid h3 { font-size: 27px; }.notes-grid p { font-family: Arial,Helvetica,sans-serif; font-size: 15px; }
  .editorial-colophon { grid-template-columns: 1fr; gap: 26px; margin-top: 46px; padding-block: 28px; border-top-width: 3px; }
  .editorial-colophon strong { font-size: 72px; }.editorial-colophon > p { font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 1.55; }
  .colophon-tags span { padding: 9px; font-size: 8px; }
  .page-home .closing-cta { padding-block: 72px; }.page-home .closing-cta h2 { font-size: 48px; }
}

/* v9 — signature controls and kinetic art system */
.editorial-link,
.button,
.nav-cta {
  --control-bg: var(--print);
  --control-ink: var(--paper);
  --control-fill: var(--editorial-lime);
  --control-fill-ink: var(--print);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--print);
  box-shadow: 6px 6px 0 var(--editorial-lime);
  transition: color .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease);
}
.editorial-link::before,
.button::before,
.nav-cta::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1px;
  background: var(--control-fill);
  transform: translate3d(-102%,0,0) skewX(-8deg);
  transform-origin: left;
  transition: transform .55s var(--ease);
}
.editorial-link:hover::before,
.editorial-link:focus-visible::before,
.button:hover::before,
.button:focus-visible::before,
.nav-cta:hover::before,
.nav-cta:focus-visible::before { transform: translate3d(0,0,0) skewX(0); }
.editorial-link:hover,
.editorial-link:focus-visible,
.button:hover,
.button:focus-visible,
.nav-cta:hover,
.nav-cta:focus-visible {
  color: var(--control-fill-ink) !important;
  box-shadow: 2px 2px 0 var(--print);
  transform: translate(3px,3px);
}
.editorial-link:active,
.button:active,
.nav-cta:active { box-shadow: 0 0 0 var(--print); transform: translate(5px,5px) scale(.985); }
.editorial-link:focus-visible,
.button:focus-visible,
.nav-cta:focus-visible { outline: 3px solid var(--editorial-lime); outline-offset: 4px; }

.editorial-link {
  min-width: 230px;
  min-height: 62px;
  justify-content: space-between;
  gap: 42px;
  padding: 7px 8px 7px 22px;
  color: var(--control-ink);
  background: var(--control-bg);
  border-bottom: 1px solid var(--print);
  font-size: 14px;
  font-weight: 820;
  letter-spacing: -.01em;
}
.editorial-link > span,.button > span { position: relative; z-index: 2; }
.editorial-link i,
.button i,
.nav-cta > span {
  position: relative;
  z-index: 2;
  display: grid;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  place-items: center;
  overflow: hidden;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 0;
  font-style: normal;
  transition: color .35s var(--ease),background .35s var(--ease),transform .45s var(--ease);
}
.editorial-link i::before,
.button i::before,
.nav-cta > span::before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translate(-1px,1px);
}
.editorial-link i::after,
.button i::after,
.nav-cta > span::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 2px;
  background: currentColor;
  transform: rotate(-45deg);
}
.editorial-link:hover i,
.editorial-link:focus-visible i,
.button:hover i,
.button:focus-visible i,
.nav-cta:hover > span,
.nav-cta:focus-visible > span { color: var(--paper); background: var(--print); transform: rotate(45deg); }

.button {
  min-height: 62px;
  gap: 46px;
  padding: 7px 8px 7px 24px;
  color: var(--control-ink);
  background: var(--control-bg);
}
.button-primary { --control-bg: var(--editorial-lime); --control-ink: var(--print); --control-fill: var(--print); --control-fill-ink: var(--paper); color: var(--control-ink) !important; background: var(--control-bg) !important; }
.button-primary:hover,.button-primary:focus-visible { color: var(--control-fill-ink) !important; }
.button-primary:hover i,.button-primary:focus-visible i { color: var(--print); background: var(--editorial-lime); }
.button-large { min-height: 72px; padding-left: 28px; }
.button-large i { flex-basis: 50px; width: 50px; height: 50px; }

.nav-cta {
  min-height: 48px;
  gap: 20px;
  padding: 4px 5px 4px 17px;
  color: var(--paper) !important;
  background: var(--print) !important;
}
.nav-cta > span { flex-basis: 36px; width: 36px; height: 36px; }

.department > i,.story-copy > b {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 11px 13px;
  border: 1px solid currentColor;
  font-style: normal;
  letter-spacing: .08em;
  transition: color .3s,background .3s,transform .35s var(--ease);
}
.department > i::after,.story-copy > b::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform .35s var(--ease);
}
.department:hover > i,.story:hover .story-copy > b { transform: translateX(4px); }
.department:hover > i::after,.story:hover .story-copy > b::after { transform: translateX(3px) rotate(45deg); }
.story-copy > b { margin-top: 42px; border-bottom: 1px solid; }
.contact-direct a > span {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-top: 4px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(0deg);
}
.contact-direct a > span::after { content: ""; display: block; width: 15px; height: 2px; margin: 4px 0 0 -4px; background: currentColor; transform: rotate(-45deg); }

.edition-masthead { position: relative; overflow: hidden; }
.edition-masthead::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -5px;
  width: 20%;
  height: 5px;
  background: var(--editorial-lime);
  animation: mastheadScan 5.5s cubic-bezier(.65,0,.35,1) infinite alternate;
}
.cover-art::after,.story-art::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.cover-art::after {
  top: -20%;
  bottom: -20%;
  left: -25%;
  width: 16%;
  opacity: .55;
  background: linear-gradient(90deg,transparent,rgba(186,255,25,.28),transparent);
  transform: skewX(-16deg);
  animation: artScan 6.8s cubic-bezier(.45,0,.55,1) infinite;
}
.cover-art { --art-x: 0px; --art-y: 0px; }
.shape-one {
  border-style: dashed;
  transform: translate(calc(-50% + var(--art-x)),calc(-50% + var(--art-y)));
  animation: orbitFrame 18s linear infinite;
}
.shape-one::before {
  content: "";
  position: absolute;
  top: 5.8%;
  left: 20%;
  width: 11px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--editorial-lime);
  box-shadow: 0 0 22px var(--editorial-lime);
}
.shape-two {
  transform: translate(calc(-50% - var(--art-x)),calc(-50% - var(--art-y)));
  animation: innerPulse 5s cubic-bezier(.45,0,.55,1) infinite alternate;
}
.shape-three {
  margin: var(--art-y) var(--art-x) 0 0;
  animation: floatingOrb 4.8s cubic-bezier(.45,0,.55,1) infinite alternate;
}
.story-art { --art-x: 0px; --art-y: 0px; }
.story-art::before {
  inset: -30%;
  opacity: .28;
  background: linear-gradient(115deg,transparent 37%,rgba(255,255,255,.22) 50%,transparent 63%);
  transform: translateX(-60%);
  animation: storyLight 7s ease-in-out infinite;
}
.story-art > i { left: calc(50% + var(--art-x)); top: calc(50% + var(--art-y)); animation: artBreath 4.5s ease-in-out infinite alternate; }
.story:nth-child(2) .story-art::before { animation-delay: -2.2s; }.story:nth-child(3) .story-art::before { animation-delay: -4.4s; }
.story-art > span { transition: letter-spacing .8s var(--ease),font-style .4s; }
.story:hover .story-art > span { letter-spacing: -.045em; }

.department::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 0;
  height: 6px;
  background: var(--editorial-lime);
  transition: width .85s var(--ease);
}
.department.in-view::before { width: 100%; }
.department:nth-child(2)::before { transition-delay: .12s; }.department:nth-child(3)::before { transition-delay: .24s; }.department:nth-child(4)::before { transition-delay: .36s; }
.notes-grid li.in-view::after { transform: scaleX(1); }

@keyframes mastheadScan { from { transform: translateX(-410%); } to { transform: translateX(0); } }
@keyframes artScan { 0%,12% { transform: translateX(-120%) skewX(-16deg); } 68%,100% { transform: translateX(900%) skewX(-16deg); } }
@keyframes orbitFrame { to { transform: translate(calc(-50% + var(--art-x)),calc(-50% + var(--art-y))) rotate(360deg); } }
@keyframes innerPulse { to { transform: translate(calc(-50% - var(--art-x)),calc(-50% - var(--art-y))) scale(1.065); opacity: .6; } }
@keyframes floatingOrb { to { transform: translate3d(-12px,18px,0) scale(.92); box-shadow: 0 0 100px rgba(186,255,25,.62); } }
@keyframes storyLight { 0%,18% { transform: translateX(-65%) rotate(4deg); } 72%,100% { transform: translateX(65%) rotate(4deg); } }
@keyframes artBreath { to { border-radius: 43% 57% 54% 46%; opacity: .88; } }

@media (max-width:780px) {
  .editorial-link { width: calc(100% - 7px); min-height: 60px; padding-left: 18px; }
  .editorial-link i { flex-basis: 42px; width: 42px; height: 42px; }
  .page-home .site-nav .nav-cta { min-height: 58px; padding: 7px 7px 7px 20px; border: 1px solid var(--editorial-lime); box-shadow: 5px 5px 0 rgba(186,255,25,.3); }
  .department > i { right: 13px; bottom: 13px; padding: 9px 10px; font-size: 8px; }
  .story-copy > b { margin-top: 16px; padding: 10px 12px; }
  .shape-one::before { width: 8px; }
}

@media (prefers-reduced-motion:reduce) {
  .edition-masthead::after,.cover-art::after,.shape-one,.shape-two,.shape-three,.story-art::before,.story-art > i { animation: none !important; }
  .editorial-link,.button,.nav-cta { transition-duration: .01ms; }
}

/* v10 — readable project stories on paper and mobile */
body:not(.page-home) .projects-showcase { padding-top: 58px; }
body:not(.page-home) .project-detail {
  grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr);
  gap: clamp(54px,7vw,112px);
  padding-block: 72px 118px;
  border-top: 1px solid var(--editorial-line);
}
body:not(.page-home) .project-detail.reverse { grid-template-columns: minmax(360px,.92fr) minmax(0,1.08fr); }
body:not(.page-home) .project-copy { max-width: 590px; }
body:not(.page-home) .project-copy > span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  color: var(--print);
  background: var(--editorial-lime);
  border: 1px solid var(--print);
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .1em;
  box-shadow: 3px 3px 0 var(--print);
}
body:not(.page-home) .project-copy h2 {
  margin: 27px 0 25px;
  font-size: clamp(54px,5vw,82px);
  font-weight: 680;
  line-height: .92;
  letter-spacing: -.065em;
}
body:not(.page-home) .project-copy p {
  max-width: 560px;
  margin-bottom: 38px;
  color: #30312c;
  font-family: Arial,Helvetica,sans-serif;
  font-size: clamp(18px,1.25vw,21px);
  line-height: 1.65;
}
body:not(.page-home) .project-copy ul { gap: 10px; }
body:not(.page-home) .project-copy li {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  color: #2d2e29;
  border-color: rgba(17,18,15,.55);
  background: rgba(255,255,255,.18);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .08em;
}
body:not(.page-home) .project-visual small {
  left: 25px;
  bottom: 24px;
  padding: 8px 10px;
  color: #f4f1e7;
  background: rgba(0,0,0,.68);
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: .11em;
}
body:not(.page-home) .projects-showcase > .concept-note {
  max-width: 760px;
  margin-top: -58px;
  padding: 18px 0;
  color: #3f403a !important;
  border-top: 1px solid var(--print);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.6;
  letter-spacing: .025em;
}

.story-copy > span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 10px;
  color: var(--print);
  background: var(--editorial-lime);
  border: 1px solid var(--print);
  font-size: 11px;
  font-weight: 850;
}
.story-copy > b {
  min-height: 44px;
  padding: 0 15px;
  color: var(--paper);
  background: var(--print);
  border-color: var(--print);
  font: 800 13px/1 var(--sans);
  letter-spacing: .02em;
  box-shadow: 4px 4px 0 var(--editorial-lime);
}
.story-copy > b::after { width: 8px; height: 8px; }
.story:hover .story-copy > b { color: var(--print); background: var(--editorial-lime); box-shadow: 2px 2px 0 var(--print); }
.story-art > small { padding: 8px 10px; color: var(--paper); background: rgba(0,0,0,.72); }
.story-art > b { display: grid; min-width: 34px; height: 34px; place-items: center; color: var(--print); background: var(--editorial-lime); border: 1px solid var(--print); }

@media (max-width:1100px) {
  body:not(.page-home) .project-detail,
  body:not(.page-home) .project-detail.reverse { grid-template-columns: 1fr; gap: 42px; }
  body:not(.page-home) .project-detail.reverse .project-visual { order: 0; }
  body:not(.page-home) .project-copy { max-width: 720px; }
}

@media (max-width:780px) {
  body:not(.page-home) .projects-showcase { padding-top: 34px; }
  body:not(.page-home) .project-detail,
  body:not(.page-home) .project-detail.reverse { gap: 28px; padding-block: 34px 70px; }
  body:not(.page-home) .project-visual { min-height: 390px; }
  body:not(.page-home) .project-copy > span { min-height: 34px; font-size: 11px; }
  body:not(.page-home) .project-copy h2 { margin: 22px 0 18px; font-size: clamp(43px,13vw,58px); }
  body:not(.page-home) .project-copy p { margin-bottom: 26px; font-size: 17px; line-height: 1.58; }
  body:not(.page-home) .project-copy li { min-height: 34px; padding-inline: 11px; font-size: 11px; }
  body:not(.page-home) .project-visual small { left: 16px; bottom: 16px; max-width: calc(100% - 32px); font-size: 10px; }
  body:not(.page-home) .projects-showcase > .concept-note { margin-top: -28px; font-size: 12px; }
  .story-copy > span { min-height: 31px; font-size: 11px; }
  .story-copy > b { min-height: 44px; padding-inline: 14px; font-size: 13px; }
  .story-art > small { left: 15px; bottom: 15px; font-size: 9px; }
}

/* v11 — complete, safe-area aware mobile navigation */
@media (max-width:780px) {
  .site-header { isolation: isolate; }
  .header-inner { position: relative; }
  .site-header .brand,.site-header .menu-toggle { position: relative; z-index: 4; }
  .menu-toggle {
    transition: color .3s,background .3s,border-color .3s,transform .3s var(--ease);
  }
  .menu-toggle:active { transform: scale(.94); }
  body.nav-open .menu-toggle {
    color: var(--editorial-lime);
    background: rgba(186,255,25,.08);
    border-color: var(--editorial-lime) !important;
  }
  body.nav-open .menu-toggle i { background: var(--editorial-lime) !important; }
  body.nav-open .site-header .brand-symbol { border-color: var(--editorial-lime); }
  body.nav-open .site-header .brand-symbol i { background: var(--editorial-lime); }
  body.nav-open .site-header .brand-type { color: var(--paper); }
  body.nav-open .site-header .brand-type span { color: var(--editorial-lime); }

  .site-nav {
    position: fixed;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100dvh;
    min-height: 100svh;
    padding: max(118px,calc(env(safe-area-inset-top) + 92px)) max(24px,env(safe-area-inset-right)) max(30px,calc(env(safe-area-inset-bottom) + 22px)) max(24px,env(safe-area-inset-left));
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow-y: auto;
    color: var(--paper);
    background: var(--print) !important;
    border: 0;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    clip-path: inset(0 0 0 100%);
    transform: none;
    transition: clip-path .62s var(--ease),opacity .32s ease,visibility 0s linear .62s;
  }
  .site-nav::before {
    content: "MENU / WTL";
    display: block;
    margin-bottom: 24px;
    padding-bottom: 14px;
    color: #86877f;
    border-bottom: 1px solid rgba(238,236,228,.2);
    font: 750 10px/1 var(--mono);
    letter-spacing: .15em;
  }
  .site-nav::after {
    content: "STRATEGY × DESIGN × CODE";
    order: 10;
    margin-top: auto;
    padding-top: 25px;
    color: #77786f;
    font: 700 9px/1 var(--mono);
    letter-spacing: .13em;
  }
  .site-nav.open {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    clip-path: inset(0);
    transform: none;
    transition: clip-path .62s var(--ease),opacity .32s ease,visibility 0s;
  }
  .site-nav > a:not(.nav-cta) {
    display: flex;
    align-items: center;
    min-height: 76px;
    padding: 0;
    color: var(--paper) !important;
    border-bottom: 1px solid rgba(238,236,228,.18);
    font-size: clamp(30px,9.4vw,42px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.045em;
    opacity: 0;
    transform: translate3d(26px,0,0);
    transition: color .25s,opacity .45s var(--ease),transform .55s var(--ease);
  }
  .site-nav > a:not(.nav-cta)::before {
    content: "0" counter(nav-item);
    width: 36px;
    color: var(--editorial-lime);
    font: 700 9px/1 var(--mono);
    letter-spacing: .08em;
  }
  .site-nav { counter-reset: nav-item; }
  .site-nav > a:not(.nav-cta) { counter-increment: nav-item; }
  .site-nav.open > a:not(.nav-cta) { opacity: 1; transform: translate3d(0,0,0); }
  .site-nav.open > a:nth-of-type(1) { transition-delay: .11s; }
  .site-nav.open > a:nth-of-type(2) { transition-delay: .17s; }
  .site-nav.open > a:nth-of-type(3) { transition-delay: .23s; }

  .page-home .site-nav .nav-cta,
  body:not(.page-home) .site-nav .nav-cta {
    order: 5;
    width: calc(100% - 6px);
    min-height: 64px;
    margin: 28px 6px 0 0;
    padding: 7px 7px 7px 20px;
    justify-content: space-between;
    color: var(--print) !important;
    background: var(--editorial-lime) !important;
    border: 1px solid var(--editorial-lime);
    box-shadow: 6px 6px 0 rgba(238,236,228,.22);
    font-size: 15px;
    font-weight: 850;
    opacity: 0;
    transform: translate3d(0,20px,0);
    transition: opacity .45s var(--ease) .29s,transform .55s var(--ease) .29s,box-shadow .3s;
  }
  .site-nav.open .nav-cta { opacity: 1; transform: translate3d(0,0,0); }
  .site-nav .nav-cta::before { display: none; }
  .site-nav .nav-cta > span { color: var(--paper); background: var(--print); border-color: var(--print); }
  .site-nav .nav-cta:active { box-shadow: 2px 2px 0 rgba(238,236,228,.22); transform: translate(3px,3px); }
}

@media (max-width:380px) and (max-height:700px) {
  .site-nav { padding-top: 92px; }
  .site-nav::before { margin-bottom: 12px; }
  .site-nav > a:not(.nav-cta) { min-height: 58px; font-size: 28px; }
  .page-home .site-nav .nav-cta,body:not(.page-home) .site-nav .nav-cta { min-height: 56px; margin-top: 18px; }
  .site-nav::after { padding-top: 16px; }
}

/* v12 — project brief interface and site-wide motion direction */
html.js-ready body:not(.page-home) .reveal { filter: none; }

.experience-rail {
  position: fixed;
  z-index: 70;
  top: 50%;
  right: 12px;
  display: grid;
  grid-template-rows: auto 116px auto;
  justify-items: center;
  gap: 10px;
  color: #fff;
  mix-blend-mode: difference;
  transform: translateY(-50%);
  pointer-events: none;
}
.experience-rail > span,.experience-rail > strong { font: 750 8px/1 var(--mono); letter-spacing: .12em; }
.experience-rail > strong { writing-mode: vertical-rl; text-transform: uppercase; }
.experience-rail > i { position: relative; display: block; width: 1px; height: 116px; overflow: hidden; background: rgba(255,255,255,.32); }
.experience-rail > i > b { position: absolute; inset: 0; background: #fff; transform: scaleY(var(--rail-p,0)); transform-origin: top; }

.motion-section { position: relative; }
.motion-sigil {
  position: absolute;
  z-index: 4;
  top: 28px;
  right: max(42px,calc((100vw - min(1640px,100vw - 72px)) / 2));
  display: grid;
  grid-template-columns: min(16vw,210px) auto;
  align-items: center;
  gap: 12px;
  color: currentColor;
  opacity: .52;
  pointer-events: none;
}
.motion-sigil > i { position: relative; display: block; height: 1px; background: currentColor; transform: scaleX(var(--section-local,0)); transform-origin: left; }
.motion-sigil > i::after { content: ""; position: absolute; top: -3px; left: var(--section-percent,0%); width: 7px; height: 7px; border-radius: 50%; background: var(--editorial-lime); box-shadow: 0 0 14px rgba(186,255,25,.8); }
.motion-sigil > b { font: 750 8px/1 var(--mono); letter-spacing: .1em; }

body:not(.page-home) .contact-page {
  grid-template-columns: minmax(340px,.68fr) minmax(620px,1.32fr);
  align-items: start;
  gap: clamp(60px,7vw,118px);
  padding-top: 156px;
}
body:not(.page-home) .contact-intro { position: sticky; top: 132px; align-self: start; padding-right: 0; }
body:not(.page-home) .contact-intro > p { color: #34352f; font-family: Arial,Helvetica,sans-serif; font-size: 19px; line-height: 1.65; }
body:not(.page-home) .contact-direct { margin-top: 62px; padding-top: 24px; border-top: 1px solid var(--print); }
body:not(.page-home) .contact-direct small { color: #55564e; font-size: 10px; }
body:not(.page-home) .contact-direct a { font-size: clamp(18px,1.45vw,23px); font-weight: 680; text-decoration-thickness: 1px; }

body:not(.page-home) .contact-form-wrap {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(30px,3.4vw,54px);
  background: var(--paper-2);
  border: 1px solid var(--print);
  box-shadow: 10px 10px 0 var(--editorial-lime);
}
body:not(.page-home) .contact-form-wrap::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  opacity: .22;
  background: linear-gradient(rgba(17,18,15,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,15,.08) 1px,transparent 1px);
  background-size: 12.5% 76px;
  pointer-events: none;
}
body:not(.page-home) .contact-form-wrap::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -25%;
  bottom: -25%;
  left: -30%;
  width: 12%;
  opacity: .18;
  background: linear-gradient(90deg,transparent,var(--editorial-lime),transparent);
  transform: skewX(-12deg);
  animation: briefScan 8s cubic-bezier(.45,0,.55,1) infinite;
  pointer-events: none;
}
.brief-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 30px;
  align-items: start;
  margin-bottom: 30px;
  padding-bottom: 26px;
  border-bottom: 4px solid var(--print);
}
.brief-head > div:first-child { display: grid; gap: 13px; }
.brief-head span,.brief-head small,.brief-progress > span { font: 750 9px/1.2 var(--mono); letter-spacing: .11em; }
.brief-head strong { max-width: 460px; font-size: clamp(28px,2.4vw,40px); line-height: .98; letter-spacing: -.045em; }
.brief-status { display: grid; grid-template-columns: 10px auto; gap: 6px 9px; justify-items: start; }
.brief-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--editorial-lime); border: 1px solid var(--print); box-shadow: 0 0 0 5px rgba(186,255,25,.24); animation: statusPulse 2s ease-in-out infinite; }
.brief-status small { grid-column: 2; color: #62635c; white-space: nowrap; }

.brief-progress { display: grid; grid-template-columns: auto 1fr 44px; gap: 16px; align-items: center; margin-bottom: 34px; }
.brief-progress > i { display: block; height: 3px; background: rgba(17,18,15,.15); }
.brief-progress > i > b { display: block; width: var(--form-progress,0%); height: 100%; background: var(--print); transition: width .6s var(--ease); }
.brief-progress > strong { font: 850 11px/1 var(--mono); text-align: right; }

body:not(.page-home) .contact-form { gap: 0; counter-reset: brief-field; }
body:not(.page-home) .form-row { gap: 0; border-top: 1px solid var(--print); border-left: 1px solid var(--print); }
.brief-field,.brief-choice {
  position: relative;
  padding: 24px 22px 25px 60px !important;
  border: 1px solid var(--print) !important;
  border-top: 0 !important;
  transition: color .3s,background .35s;
}
.form-row .brief-field { border-left: 0 !important; }
.brief-field::before,.brief-choice::before {
  content: attr(data-field-index);
  position: absolute;
  top: 26px;
  left: 20px;
  color: #55564f;
  font: 750 9px/1 var(--mono);
}
.brief-field::after,.brief-choice::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  background: var(--editorial-lime);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .45s var(--ease);
}
.brief-field:focus-within,.brief-choice:focus-within { background: rgba(255,255,255,.28); }
.brief-field:focus-within::after,.brief-choice:focus-within::after,.brief-field.is-complete::after,.brief-choice.is-complete::after { transform: scaleY(1); }
body:not(.page-home) .contact-form label > span,body:not(.page-home) .contact-form legend { color: #393a34; font-size: 10px; font-weight: 800; }
body:not(.page-home) .contact-form input,body:not(.page-home) .contact-form textarea {
  padding: 16px 0 7px;
  color: var(--print);
  border-bottom: 1px solid rgba(17,18,15,.42);
  font-size: 18px;
  line-height: 1.45;
}
body:not(.page-home) .contact-form textarea { min-height: 138px; }
body:not(.page-home) .contact-form input::placeholder,body:not(.page-home) .contact-form textarea::placeholder { color: #85867e; opacity: 1; }
body:not(.page-home) .contact-form input:focus,body:not(.page-home) .contact-form textarea:focus { border-color: var(--print); }
.brief-message small { position: absolute; right: 20px; bottom: 12px; color: #6b6c64; font: 700 9px/1 var(--mono); }

.brief-choice { margin: 0; }
.brief-choice legend { margin-bottom: 18px; }
.service-options,.budget-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
.service-options label,.budget-options label { display: block; min-width: 0; cursor: pointer; }
.service-options input,.budget-options input { position: absolute; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; }
.service-options span,.budget-options span {
  display: grid;
  min-height: 48px;
  padding: 8px 9px;
  place-items: center;
  color: #35362f !important;
  background: rgba(255,255,255,.2);
  border: 1px solid rgba(17,18,15,.5);
  font: 750 10px/1.2 var(--mono) !important;
  text-align: center;
  transition: color .25s,background .25s,transform .3s var(--ease),box-shadow .3s;
}
.service-options input:checked + span,.service-options input:focus-visible + span,.budget-options input:checked + span,.budget-options input:focus-visible + span {
  color: var(--print) !important;
  background: var(--editorial-lime);
  border-color: var(--print);
  box-shadow: 3px 3px 0 var(--print);
  transform: translate(-2px,-2px);
}
body:not(.page-home) .form-submit { padding: 28px 0 0; }
body:not(.page-home) .form-submit p { max-width: 330px; color: #585951; font-size: 11px; }
body:not(.page-home) .form-submit p b { color: var(--print); font: 800 9px/1.8 var(--mono); letter-spacing: .08em; }
body:not(.page-home) .form-submit .button { min-width: 220px; }
.contact-form.is-sending .button { pointer-events: none; opacity: .7; }
.contact-form.is-sending .button i { animation: sendingSpin .8s linear infinite; }

html.js-ready body:not(.page-home) .contact-form-wrap.reveal { transform: none; clip-path: inset(0 0 0 8%); }
html.js-ready body:not(.page-home) .contact-form-wrap.reveal.in-view { transform: none; clip-path: inset(0); }
html.js-ready body:not(.page-home) .project-detail.reveal { transform: none; clip-path: none; }
html.js-ready body:not(.page-home) .project-detail.reveal .project-visual { clip-path: inset(7% 7% 7% 7%); transition: clip-path 1.2s var(--ease); }
html.js-ready body:not(.page-home) .project-detail.reveal.in-view .project-visual { clip-path: inset(0); }

@keyframes briefScan { 0%,18% { transform: translateX(-160%) skewX(-12deg); } 72%,100% { transform: translateX(1100%) skewX(-12deg); } }
@keyframes statusPulse { 50% { box-shadow: 0 0 0 9px rgba(186,255,25,0); } }
@keyframes sendingSpin { to { transform: rotate(360deg); } }

@media(max-width:1100px) {
  body:not(.page-home) .contact-page { grid-template-columns: 1fr; }
  body:not(.page-home) .contact-intro { position: relative; top: auto; max-width: 760px; }
}

@media(max-width:780px) {
  .experience-rail,.motion-sigil { display: none; }
  body:not(.page-home) .contact-page { gap: 52px; padding-top: 118px; }
  body:not(.page-home) .contact-intro > p { font-size: 17px; }
  body:not(.page-home) .contact-direct { margin-top: 38px; }
  body:not(.page-home) .contact-form-wrap { width: calc(100% + 16px); margin-left: -8px; padding: 20px 16px 24px; box-shadow: 6px 6px 0 var(--editorial-lime); }
  .brief-head { grid-template-columns: 1fr; gap: 22px; margin-bottom: 24px; padding-bottom: 22px; }
  .brief-head strong { font-size: 30px; }
  .brief-status { grid-template-columns: 10px 1fr; }
  .brief-progress { grid-template-columns: 1fr 42px; gap: 12px; }
  .brief-progress > span { grid-column: 1/-1; }
  body:not(.page-home) .form-row { grid-template-columns: 1fr; }
  .brief-field,.brief-choice { padding: 21px 16px 22px 49px !important; }
  .brief-field::before,.brief-choice::before { top: 23px; left: 15px; }
  body:not(.page-home) .contact-form input,body:not(.page-home) .contact-form textarea { font-size: 16px; }
  .service-options,.budget-options { grid-template-columns: 1fr 1fr; }
  .service-options span,.budget-options span { min-height: 50px; font-size: 10px !important; }
  body:not(.page-home) .form-submit { align-items: stretch; flex-direction: column; }
  body:not(.page-home) .form-submit .button { width: calc(100% - 6px); min-width: 0; }
}

@media(prefers-reduced-motion:reduce) {
  body:not(.page-home) .contact-form-wrap::after,.brief-status i { animation: none !important; }
}

/* v13 — cinematic site choreography and a calm, premium brief */
main,.site-footer { position: relative; z-index: 1; }
.site-header .nav-cta,.site-header .nav-cta:hover,.site-header .nav-cta:focus-visible { box-shadow: none; }
@media(min-width:781px) {
  .site-header .nav-cta:hover,.site-header .nav-cta:focus-visible { transform: none; }
}

.experience-rail { display: none; }
.site-ambient {
  position: fixed;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  opacity: .32;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.site-ambient .ambient-ring {
  position: absolute;
  top: var(--ambient-y,50vh);
  left: var(--ambient-x,50vw);
  width: min(42vw,620px);
  aspect-ratio: 1;
  border: 1px solid rgba(17,18,15,.18);
  border-radius: 50%;
  transform: translate(-50%,-50%) rotate(var(--ambient-r,0deg)) scale(var(--ambient-s,1));
  transition: transform .12s linear;
}
.site-ambient .ambient-ring::before,.site-ambient .ambient-ring::after { content: ""; position: absolute; border-radius: 50%; }
.site-ambient .ambient-ring::before { inset: 17%; border: 1px dashed rgba(17,18,15,.28); animation: ambientOrbit 26s linear infinite; }
.site-ambient .ambient-ring::after { top: 8%; left: 24%; width: 12px; height: 12px; background: var(--editorial-lime); border: 1px solid var(--print); box-shadow: 0 0 28px rgba(186,255,25,.7); }
.site-ambient .ambient-axis { position: absolute; top: var(--ambient-y,50vh); left: var(--ambient-x,50vw); width: 72vw; height: 1px; background: rgba(17,18,15,.16); transform: translate(-50%,-50%) rotate(var(--ambient-r,0deg)); }
.site-ambient > b {
  position: absolute;
  right: -2vw;
  bottom: 4vh;
  max-width: 82vw;
  color: transparent;
  -webkit-text-stroke: 1px rgba(17,18,15,.18);
  font-size: clamp(86px,15vw,240px);
  font-weight: 900;
  line-height: .72;
  letter-spacing: -.09em;
  text-align: right;
  text-transform: uppercase;
  transform: translate3d(var(--ambient-word-x,8vw),0,0);
  transition: transform .12s linear;
}
.site-ambient > small { position: absolute; top: calc(var(--ambient-y,50vh) - 4px); left: calc(var(--ambient-x,50vw) - 4px); width: 8px; height: 8px; border-radius: 50%; background: #39dfff; box-shadow: 0 0 18px rgba(57,223,255,.75); }
.page-home .site-ambient { opacity: .16; mix-blend-mode: difference; }

.motion-sigil {
  top: clamp(24px,4vw,60px);
  grid-template-columns: clamp(90px,12vw,180px) auto;
  gap: 16px;
  opacity: .28;
}
.motion-sigil > i { height: 2px; }
.motion-sigil > b { color: transparent; -webkit-text-stroke: 1px currentColor; font: 850 28px/.8 var(--sans); letter-spacing: -.06em; }

.choreo-heading { position: relative; isolation: isolate; }
.choreo-heading::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -.025em;
  bottom: .03em;
  width: min(58%,5.2em);
  height: .11em;
  background: var(--editorial-lime);
  transform: scaleX(var(--heading-p,0));
  transform-origin: left;
  transition: transform .12s linear;
}
.page-home .choreo-heading::after { height: .06em; opacity: .7; }

.project-visual::after,.work-art::after,.hero-visual::after {
  content: "";
  position: absolute;
  z-index: 4;
  inset: -25%;
  opacity: calc(.04 + var(--visual-p,0) * .12);
  background: linear-gradient(112deg,transparent 42%,rgba(186,255,25,.55) 50%,transparent 58%);
  transform: translate3d(0,var(--visual-shift,0),0) rotate(var(--visual-rotate,0deg));
  pointer-events: none;
}
.project-visual .art-word,.project-visual .mora-type,.project-visual .noir-type,.cover-word { transform: translate3d(0,var(--visual-shift,0),0); transition: transform .12s linear; }
.project-visual .art-sphere { transform: translate(23%,calc(-9% + var(--visual-shift,0px))) rotate(var(--visual-rotate,0deg)); transition: transform .12s linear; }
.project-visual .mora-arch,.project-visual .noir-plate { margin-top: var(--visual-shift,0px); transform: rotate(var(--visual-rotate,0deg)); transition: margin .12s linear,transform .12s linear; }
.hero-visual .lab-orb { margin-top: var(--visual-shift-soft,0px); transition: margin .12s linear; }
.score-visual .score-ring { transform: translateY(var(--visual-shift-soft,0px)) rotate(var(--visual-rotate,0deg)); transition: transform .12s linear; }

body:not(.page-home) .contact-page {
  grid-template-columns: minmax(330px,.7fr) minmax(650px,1.3fr);
  gap: clamp(72px,8vw,130px);
  padding-top: 170px;
}
body:not(.page-home) .contact-form-wrap {
  padding: clamp(36px,4vw,62px);
  color: var(--paper);
  background: #11120f;
  border: 0;
  box-shadow: none;
}
body:not(.page-home) .contact-form-wrap::before {
  opacity: .3;
  background: linear-gradient(rgba(238,236,228,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(238,236,228,.08) 1px,transparent 1px);
  background-size: 84px 84px;
}
body:not(.page-home) .contact-form-wrap::after { opacity: .12; }
.brief-head { gap: 46px; margin-bottom: 38px; padding-bottom: 34px; border-color: var(--editorial-lime); border-bottom-width: 2px; }
.brief-head > div:first-child > span { color: var(--editorial-lime); }
.brief-head strong { max-width: 520px; color: var(--paper); font-size: clamp(34px,3vw,48px); line-height: .94; }
.brief-head span,.brief-head small,.brief-progress > span { font-size: 10px; }
.brief-status span { color: var(--paper); }
.brief-status small { color: #95968e; }
.brief-progress { margin-bottom: 38px; }
.brief-progress > span,.brief-progress > strong { color: var(--paper); }
.brief-progress > i { background: rgba(238,236,228,.18); }
.brief-progress > i > b { background: var(--editorial-lime); }

body:not(.page-home) .contact-form { gap: 18px; }
body:not(.page-home) .form-row { gap: 18px; border: 0; }
.brief-field,.brief-choice {
  padding: 27px 25px 28px 64px !important;
  background: rgba(238,236,228,.035);
  border: 1px solid rgba(238,236,228,.17) !important;
  border-top: 1px solid rgba(238,236,228,.17) !important;
}
.form-row .brief-field { border-left: 1px solid rgba(238,236,228,.17) !important; }
.brief-field::before,.brief-choice::before { top: 30px; left: 22px; color: var(--editorial-lime); font-size: 10px; }
.brief-field::after,.brief-choice::after { width: 4px; }
.brief-field:focus-within,.brief-choice:focus-within { background: rgba(238,236,228,.075); border-color: rgba(186,255,25,.56) !important; }
body:not(.page-home) .contact-form label > span,body:not(.page-home) .contact-form legend { color: #d1d0c8; font-size: 11px; letter-spacing: .09em; }
body:not(.page-home) .contact-form input,body:not(.page-home) .contact-form textarea {
  padding: 18px 0 8px;
  color: var(--paper);
  border-color: rgba(238,236,228,.34);
  font-size: clamp(18px,1.35vw,21px);
}
body:not(.page-home) .contact-form textarea { min-height: 190px; }
body:not(.page-home) .contact-form input::placeholder,body:not(.page-home) .contact-form textarea::placeholder { color: #777870; }
body:not(.page-home) .contact-form input:focus,body:not(.page-home) .contact-form textarea:focus { border-color: var(--editorial-lime); }
.brief-message small { right: 24px; bottom: 16px; color: #8d8e86; font-size: 10px; }

.brief-choice { margin-top: 0; }
.brief-choice legend { margin-bottom: 22px; }
.service-options,.budget-options { grid-template-columns: 1fr 1fr; gap: 10px; }
.service-options span,.budget-options span {
  min-height: 56px;
  padding: 10px 12px;
  color: #d5d4cc !important;
  background: rgba(238,236,228,.025);
  border-color: rgba(238,236,228,.24);
  font-size: 11px !important;
}
.service-options span:hover,.budget-options span:hover { color: var(--print) !important; background: var(--paper); }
.service-options input:checked + span,.service-options input:focus-visible + span,.budget-options input:checked + span,.budget-options input:focus-visible + span { box-shadow: 4px 4px 0 rgba(238,236,228,.32); }
body:not(.page-home) .form-submit { margin-top: 2px; padding-top: 18px; }
body:not(.page-home) .form-submit p { color: #91928a; font-size: 12px; }
body:not(.page-home) .form-submit p b { color: var(--editorial-lime); font-size: 10px; }
body:not(.page-home) .form-submit p a { color: var(--paper); }
body:not(.page-home) .form-submit .button { min-width: 240px; }

@keyframes ambientOrbit { to { transform: rotate(360deg); } }

@media(max-width:1100px) {
  body:not(.page-home) .contact-page { grid-template-columns: 1fr; }
}
@media(max-width:780px) {
  .site-ambient { opacity: .18; }
  .site-ambient > b { font-size: 31vw; }
  .choreo-heading::after { height: .08em; }
  body:not(.page-home) .contact-page { padding-top: 124px; }
  body:not(.page-home) .contact-form-wrap { width: 100%; margin-left: 0; padding: 28px 20px 30px; }
  .brief-head { gap: 24px; margin-bottom: 28px; padding-bottom: 26px; }
  .brief-head strong { font-size: 34px; }
  body:not(.page-home) .contact-form { gap: 12px; }
  body:not(.page-home) .form-row { gap: 12px; }
  .brief-field,.brief-choice { padding: 24px 17px 25px 50px !important; }
  .brief-field::before,.brief-choice::before { top: 27px; left: 16px; }
  body:not(.page-home) .contact-form label > span,body:not(.page-home) .contact-form legend { font-size: 10px; }
  body:not(.page-home) .contact-form input,body:not(.page-home) .contact-form textarea { font-size: 17px; }
  body:not(.page-home) .contact-form textarea { min-height: 165px; }
  .service-options span,.budget-options span { min-height: 54px; font-size: 10px !important; }
}

@media(prefers-reduced-motion:reduce) {
  .site-ambient .ambient-ring::before { animation: none; }
  .project-visual::after,.work-art::after,.hero-visual::after { display: none; }
}

/* v14 — cinematic inner-page transitions */
body:not(.page-home) .page-hero { position: relative; isolation: isolate; overflow: hidden; }
body:not(.page-home) .page-hero::after {
  content: attr(data-ghost-text);
  position: absolute;
  z-index: -1;
  top: 48%;
  left: -4vw;
  width: max-content;
  color: transparent;
  opacity: .2;
  -webkit-text-stroke: 1px var(--print);
  font-size: clamp(110px,18vw,310px);
  font-weight: 900;
  line-height: .7;
  letter-spacing: -.09em;
  white-space: nowrap;
  transform: translate3d(var(--hero-ghost-x,0),-50%,0) rotate(var(--hero-ghost-r,-2deg));
  will-change: transform;
}
html.js-ready body:not(.page-home) .value-grid article.reveal { filter: none; transform: none; clip-path: inset(100% 0 0); transition: clip-path 1s var(--ease),background .35s; }
html.js-ready body:not(.page-home) .value-grid article.reveal.in-view { clip-path: inset(0); }

@media(max-width:780px) {
  body:not(.page-home) .page-hero::after { top: 55%; font-size: 33vw; opacity: .13; }
}

/* v15 — contact brief belongs to the editorial issue */
body:not(.page-home) .contact-page {
  grid-template-columns: minmax(300px,.72fr) minmax(620px,1.28fr);
  gap: clamp(58px,6.5vw,112px);
  padding-top: clamp(150px,12vw,190px);
  align-items: start;
}
body:not(.page-home) .contact-intro { top: 145px; }
body:not(.page-home) .contact-intro h1 { font-size: clamp(72px,7.3vw,116px); }
body:not(.page-home) .contact-intro > p { max-width: 470px; margin: 34px 0 46px; font-size: clamp(17px,1.2vw,20px); line-height: 1.62; }

body:not(.page-home) .contact-form-wrap {
  position: relative;
  overflow: hidden;
  padding: clamp(34px,3.6vw,58px);
  color: var(--print);
  background: rgba(238,236,228,.86);
  border: 2px solid var(--print);
  box-shadow: 12px 12px 0 var(--editorial-lime);
}
body:not(.page-home) .contact-form-wrap::before {
  opacity: .45;
  background: linear-gradient(rgba(17,18,15,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,15,.07) 1px,transparent 1px);
  background-size: 74px 74px;
}
body:not(.page-home) .contact-form-wrap::after {
  content: "BRİF";
  position: absolute;
  z-index: 0;
  right: -2.5%;
  bottom: -2%;
  width: auto;
  height: auto;
  color: transparent;
  opacity: .07;
  background: none;
  -webkit-text-stroke: 1px var(--print);
  font: 900 clamp(110px,12vw,210px)/.7 var(--sans);
  letter-spacing: -.09em;
  animation: none;
}
body:not(.page-home) .contact-form-wrap > * { position: relative; z-index: 1; }

.brief-head {
  grid-template-columns: minmax(0,1fr) auto;
  gap: 34px;
  margin-bottom: 30px;
  padding-bottom: 28px;
  border-bottom: 3px solid var(--print);
}
.brief-head > div:first-child > span,.brief-head span,.brief-head small,.brief-progress > span { color: #4f5049; font-size: 10px; }
.brief-head strong { max-width: 520px; color: var(--print); font-size: clamp(34px,3vw,49px); line-height: .92; }
.brief-status { align-self: start; padding: 11px 14px; border: 1px solid var(--print); }
.brief-status i { background: var(--editorial-lime); }
.brief-status span { color: var(--print); }
.brief-status small { color: #595a53; }
.brief-progress { margin-bottom: 26px; }
.brief-progress > span,.brief-progress > strong { color: var(--print); }
.brief-progress > i { height: 2px; background: rgba(17,18,15,.2); }
.brief-progress > i > b { background: var(--print); }

body:not(.page-home) .contact-form { gap: 12px; }
body:not(.page-home) .form-row { gap: 12px; }
.brief-field,.brief-choice {
  padding: 25px 23px 26px 60px !important;
  background: rgba(255,255,255,.24);
  border: 1px solid rgba(17,18,15,.42) !important;
  border-top: 1px solid rgba(17,18,15,.42) !important;
  transition: background .28s ease,border-color .28s ease,transform .28s var(--ease);
}
.form-row .brief-field { border-left: 1px solid rgba(17,18,15,.42) !important; }
.brief-field::before,.brief-choice::before { top: 28px; left: 21px; color: var(--print); font-size: 10px; }
.brief-field::after,.brief-choice::after { width: 5px; background: var(--editorial-lime); }
.brief-field:focus-within,.brief-choice:focus-within { background: rgba(255,255,255,.68); border-color: var(--print) !important; transform: translateX(4px); }
body:not(.page-home) .contact-form label > span,body:not(.page-home) .contact-form legend { color: #33342f; font-size: 10px; }
body:not(.page-home) .contact-form input,body:not(.page-home) .contact-form textarea {
  color: var(--print);
  border-color: rgba(17,18,15,.48);
  font-size: clamp(17px,1.25vw,20px);
}
body:not(.page-home) .contact-form input::placeholder,body:not(.page-home) .contact-form textarea::placeholder { color: #797a72; }
body:not(.page-home) .contact-form input:focus,body:not(.page-home) .contact-form textarea:focus { border-color: var(--print); }
body:not(.page-home) .contact-form textarea { min-height: 160px; }
.brief-message small { color: #62635c; }

.service-options,.budget-options { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.service-options span,.budget-options span {
  min-height: 55px;
  color: #34352f !important;
  background: transparent;
  border-color: rgba(17,18,15,.42);
  font-size: 10px !important;
}
.service-options span:hover,.budget-options span:hover { color: var(--print) !important; background: rgba(255,255,255,.7); }
.service-options input:checked + span,.service-options input:focus-visible + span,.budget-options input:checked + span,.budget-options input:focus-visible + span {
  color: var(--print) !important;
  background: var(--editorial-lime);
  border-color: var(--print);
  box-shadow: 4px 4px 0 var(--print);
}
body:not(.page-home) .form-submit { margin-top: 4px; padding-top: 22px; border-top: 1px solid rgba(17,18,15,.35); }
body:not(.page-home) .form-submit p { color: #55564f; font-size: 11px; }
body:not(.page-home) .form-submit p b { color: var(--print); }
body:not(.page-home) .form-submit p a { color: var(--print); }
body:not(.page-home) .form-submit .button { min-width: 230px; color: var(--paper); background: var(--print); border-color: var(--print); }
body:not(.page-home) .form-submit .button i { border-color: var(--editorial-lime); }

@media(max-width:1100px) {
  body:not(.page-home) .contact-page { grid-template-columns: 1fr; gap: 54px; }
  body:not(.page-home) .contact-intro { position: relative; top: auto; max-width: 760px; }
}
@media(max-width:780px) {
  body:not(.page-home) .contact-page { gap: 38px; padding-top: 118px; padding-bottom: 80px; }
  body:not(.page-home) .contact-intro h1 { font-size: clamp(60px,18vw,82px); }
  body:not(.page-home) .contact-intro > p { margin: 26px 0 32px; font-size: 17px; }
  body:not(.page-home) .contact-form-wrap { width: 100%; margin-left: 0; padding: 25px 16px 28px; border-width: 1px; box-shadow: 6px 6px 0 var(--editorial-lime); }
  body:not(.page-home) .contact-form-wrap::after { right: -4%; font-size: 42vw; }
  .brief-head { grid-template-columns: 1fr; gap: 18px; margin-bottom: 24px; padding-bottom: 22px; }
  .brief-head strong { max-width: 440px; font-size: 34px; }
  .brief-status { width: fit-content; padding: 10px 12px; }
  .brief-progress { grid-template-columns: 1fr 42px; gap: 10px; }
  .brief-progress > span { grid-column: 1/-1; }
  body:not(.page-home) .contact-form,body:not(.page-home) .form-row { gap: 9px; }
  body:not(.page-home) .form-row { grid-template-columns: 1fr; }
  .brief-field,.brief-choice { padding: 22px 14px 23px 45px !important; }
  .brief-field::before,.brief-choice::before { top: 25px; left: 14px; }
  .brief-field:focus-within,.brief-choice:focus-within { transform: none; }
  body:not(.page-home) .contact-form input,body:not(.page-home) .contact-form textarea { font-size: 16px; }
  .service-options,.budget-options { grid-template-columns: 1fr; }
  .service-options span,.budget-options span { min-height: 50px; }
  body:not(.page-home) .form-submit { align-items: stretch; flex-direction: column; }
  body:not(.page-home) .form-submit .button { width: 100%; min-width: 0; }
}

/* v16 — one continuous, content-led motion language */
body.page-home .motion-section {
  isolation: isolate;
  overflow: clip;
}
body.page-home .motion-section > :not(.motion-sigil):not(.motion-echo) { position: relative; z-index: 2; }
.motion-echo {
  position: absolute;
  z-index: 0;
  top: 9%;
  left: -4vw;
  width: max-content;
  max-width: none;
  color: transparent;
  opacity: .075;
  -webkit-text-stroke: 1px var(--print);
  font: 900 clamp(110px,17vw,290px)/.72 var(--sans);
  letter-spacing: -.085em;
  text-transform: uppercase;
  white-space: nowrap;
  transform: translate3d(var(--section-drift-reverse,0),0,0) rotate(var(--section-turn,0deg));
  will-change: transform;
  pointer-events: none;
}
body:not(.page-home) .motion-echo { display: none; }
.motion-sigil { z-index: 4; translate: var(--section-drift-soft,0) 0; will-change: translate; }

html.js-ready body.page-home .reveal {
  opacity: 0;
  filter: none;
  clip-path: inset(0 0 18% 0);
  transform: translate3d(0,58px,0);
  transition: opacity .85s ease,clip-path 1.1s var(--ease),transform 1.15s var(--ease);
}
html.js-ready body.page-home .reveal.in-view { opacity: 1; clip-path: inset(0); transform: translate3d(0,0,0); }

.edition-cover .edition-meta { translate: var(--section-drift-soft,0) 0; }
.edition-cover .edition-masthead { translate: var(--section-drift-reverse,0) 0; }
.edition-cover .cover-lead { translate: 0 var(--section-drift-soft,0); }
.edition-cover .cover-art { translate: 0 var(--visual-shift,0); rotate: var(--visual-rotate,0deg); }
.edition-cover .cover-index { translate: 0 var(--section-drift-reverse,0); }

.editorial-statement .statement-aside { translate: 0 var(--section-drift-reverse,0); }
.editorial-statement .statement-copy { translate: var(--section-drift-soft,0) 0; }
.editorial-statement .statement-quote { translate: var(--section-drift-reverse,0) 0; }

.editorial-departments .editorial-section-head { translate: var(--section-drift-soft,0) 0; }
.editorial-departments .department:nth-child(odd) h3 { translate: 0 var(--section-drift-soft,0); }
.editorial-departments .department:nth-child(even) h3 { translate: 0 var(--section-drift-reverse,0); }
.editorial-departments .department p,.editorial-departments .department > i { translate: var(--section-drift-soft,0) 0; }
.department h3,.department p,.department > i { will-change: translate; }

.story-edition .story-heading { translate: var(--section-drift-reverse,0) 0; }
.story-edition .story:nth-child(odd) .story-art { translate: var(--section-drift-soft,0) var(--editorial-shift,0); rotate: var(--section-turn,0deg); }
.story-edition .story:nth-child(even) .story-art { translate: var(--section-drift-reverse,0) var(--editorial-shift,0); rotate: var(--section-turn,0deg); }
.story-edition .story:nth-child(odd) .story-copy { translate: var(--section-drift-reverse,0) 0; }
.story-edition .story:nth-child(even) .story-copy { translate: var(--section-drift-soft,0) 0; }
.story-art,.story-copy { will-change: translate,rotate; }

.editorial-manifesto .manifesto-marquee { translate: var(--section-drift-reverse,0) 0; rotate: -2deg; }
.editorial-manifesto .manifesto-editorial { translate: var(--section-drift-soft,0) 0; }

.production-notes .editorial-section-head { translate: var(--section-drift-reverse,0) 0; }
.production-notes .notes-grid li:nth-child(odd) { translate: 0 var(--section-drift-soft,0); }
.production-notes .notes-grid li:nth-child(even) { translate: 0 var(--section-drift-reverse,0); }
.production-notes .editorial-colophon { translate: var(--section-drift-soft,0) 0; }
.notes-grid li,.editorial-section-head,.story-heading,.manifesto-editorial { will-change: translate; }

@media(min-width:781px) {
  .department h3,.department p,.department > i,.statement-copy,.statement-quote,.story-art,.story-copy,.notes-grid li,.editorial-section-head,.story-heading,.manifesto-editorial,.edition-meta,.edition-masthead,.cover-lead,.cover-index {
    transition: translate .12s linear,rotate .12s linear;
  }
}

/* v25 — live demo entry points on the projects page */
.page-projeler .demo-open {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-width: 230px;
  margin-top: 30px;
  padding: 15px 17px;
  color: var(--paper);
  background: var(--print);
  border: 1px solid var(--print);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  transition: color .3s ease,background .3s ease,transform .3s ease;
}
.page-projeler .demo-open i { color: var(--editorial-lime); font-size: 18px; font-style: normal; }
.page-projeler .demo-open:hover,.page-projeler .demo-open:focus-visible { color: var(--print); background: var(--editorial-lime); transform: translateY(-3px); }
.page-projeler .demo-open:hover i,.page-projeler .demo-open:focus-visible i { color: var(--print); }

@media(max-width:780px) {
  .motion-echo { top: 13%; left: -7vw; opacity: .055; font-size: 31vw; transform: translate3d(var(--section-drift-soft,0),0,0); }
  .motion-sigil { translate: none; }
  .edition-cover .edition-meta,.edition-cover .edition-masthead,.edition-cover .cover-lead,.edition-cover .cover-index,
  .editorial-statement .statement-copy,.editorial-statement .statement-quote,
  .editorial-departments .editorial-section-head,.editorial-departments .department h3,.editorial-departments .department p,.editorial-departments .department > i,
  .story-edition .story-heading,.story-edition .story .story-art,.story-edition .story .story-copy,
  .production-notes .editorial-section-head,.production-notes .notes-grid li,.production-notes .editorial-colophon {
    translate: none;
    rotate: none;
  }
  .editorial-manifesto .manifesto-marquee { translate: var(--section-drift-soft,0) 0; rotate: -2deg; }
  html.js-ready body.page-home .reveal { clip-path: inset(0 0 10% 0); transform: translate3d(0,34px,0); }
  html.js-ready body.page-home .reveal.in-view { clip-path: inset(0); transform: none; }
}

@media(prefers-reduced-motion:reduce) {
  .motion-echo,.motion-sigil { transform: none !important; }
  body.page-home .edition-meta,body.page-home .edition-masthead,body.page-home .cover-lead,body.page-home .cover-art,body.page-home .cover-index,
  body.page-home .statement-aside,body.page-home .statement-copy,body.page-home .statement-quote,
  body.page-home .editorial-section-head,body.page-home .department h3,body.page-home .department p,body.page-home .department > i,
  body.page-home .story-heading,body.page-home .story-art,body.page-home .story-copy,
  body.page-home .manifesto-marquee,body.page-home .manifesto-editorial,
  body.page-home .notes-grid li,body.page-home .editorial-colophon { translate: none !important; rotate: none !important; }
  body.page-home .motion-section * { scroll-behavior: auto; }
}

/* v17 — bold, readable editorial brief */
body:not(.page-home) .contact-page { grid-template-columns: minmax(300px,.62fr) minmax(700px,1.38fr); }
body:not(.page-home) .contact-form-wrap {
  padding: clamp(38px,4vw,66px);
  background: #e9e7df;
  border-width: 3px;
  box-shadow: 14px 14px 0 var(--editorial-lime);
}
body:not(.page-home) .contact-form-wrap::before { opacity: .16; background-size: 86px 86px; }

.brief-head { margin-bottom: 36px; padding-bottom: 34px; border-bottom-width: 5px; }
.brief-head > div:first-child > span {
  width: fit-content;
  padding: 9px 12px;
  color: var(--paper);
  background: var(--print);
  font: 800 12px/1 var(--sans);
  letter-spacing: .04em;
}
.brief-head strong { margin-top: 5px; font-size: clamp(40px,3.4vw,57px); line-height: .92; }
.brief-status { padding: 13px 16px; background: rgba(255,255,255,.42); border-width: 2px; }
.brief-status span { font: 800 12px/1.1 var(--sans); letter-spacing: .03em; }
.brief-status small { margin-top: 2px; font: 600 11px/1.35 var(--sans); letter-spacing: 0; }

.brief-progress { grid-template-columns: 150px 1fr 52px; gap: 18px; margin-bottom: 32px; }
.brief-progress > span { font: 800 12px/1 var(--sans); letter-spacing: .03em; }
.brief-progress > i { height: 5px; background: rgba(17,18,15,.17); }
.brief-progress > i > b { background: var(--editorial-lime); box-shadow: inset 0 0 0 1px var(--print); }
.brief-progress > strong { font: 850 14px/1 var(--sans); }

body:not(.page-home) .contact-form,body:not(.page-home) .form-row { gap: 14px; }
.brief-field,.brief-choice {
  padding: 25px 25px 28px 74px !important;
  background: rgba(255,255,255,.4);
  border: 2px solid var(--print) !important;
  border-top: 2px solid var(--print) !important;
  box-shadow: 0 0 0 rgba(17,18,15,0);
}
.form-row .brief-field { border-left: 2px solid var(--print) !important; }
.brief-field::before,.brief-choice::before {
  top: 20px;
  left: 20px;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: var(--print);
  background: var(--editorial-lime);
  border: 1px solid var(--print);
  font: 850 12px/1 var(--sans);
}
.brief-field::after,.brief-choice::after { top: auto; right: 0; bottom: 0; left: 0; width: auto; height: 7px; transform: scaleX(0); transform-origin: left; }
.brief-field:focus-within,.brief-choice:focus-within {
  background: #f5f3eb;
  border-color: var(--print) !important;
  box-shadow: 7px 7px 0 var(--editorial-lime);
  transform: translate(-3px,-3px);
}
.brief-field:focus-within::after,.brief-choice:focus-within::after,.brief-field.is-complete::after,.brief-choice.is-complete::after { transform: scaleX(1); }

body:not(.page-home) .contact-form label > span,body:not(.page-home) .contact-form legend {
  color: var(--print);
  font: 800 14px/1.2 var(--sans);
  letter-spacing: .015em;
  text-transform: none;
}
body:not(.page-home) .contact-form input,body:not(.page-home) .contact-form textarea {
  padding: 18px 0 9px;
  color: var(--print);
  border-bottom: 2px solid rgba(17,18,15,.7);
  font: 500 clamp(19px,1.4vw,23px)/1.4 var(--sans);
}
body:not(.page-home) .contact-form input::placeholder,body:not(.page-home) .contact-form textarea::placeholder { color: #5c5d56; opacity: 1; }
body:not(.page-home) .contact-form textarea { min-height: 185px; }
.brief-message small { right: 25px; bottom: 18px; color: #3f403a; font: 700 11px/1 var(--sans); }

.brief-choice legend { margin-bottom: 24px; padding: 0; }
.service-options,.budget-options { gap: 12px; }
.service-options span,.budget-options span {
  min-height: 66px;
  padding: 14px 16px;
  color: var(--print) !important;
  background: rgba(255,255,255,.5);
  border: 2px solid rgba(17,18,15,.55);
  font: 750 14px/1.2 var(--sans) !important;
  letter-spacing: 0;
}
.service-options span:hover,.budget-options span:hover { background: #fffdf5; border-color: var(--print); }
.service-options input:checked + span,.service-options input:focus-visible + span,.budget-options input:checked + span,.budget-options input:focus-visible + span {
  background: var(--editorial-lime);
  border-width: 2px;
  box-shadow: 6px 6px 0 var(--print);
  transform: translate(-3px,-3px);
}

body:not(.page-home) .form-submit { margin-top: 8px; padding-top: 28px; border-top: 3px solid var(--print); }
body:not(.page-home) .form-submit p { max-width: 380px; color: #3f403a; font-size: 13px; line-height: 1.55; }
body:not(.page-home) .form-submit p b { font: 800 12px/1.8 var(--sans); letter-spacing: .02em; }
body:not(.page-home) .form-submit .button { min-width: 260px; min-height: 64px; font-size: 15px; }

@media(max-width:1100px) {
  body:not(.page-home) .contact-page { grid-template-columns: 1fr; }
}
@media(max-width:780px) {
  body:not(.page-home) .contact-form-wrap { padding: 25px 15px 28px; border-width: 2px; box-shadow: 7px 7px 0 var(--editorial-lime); }
  .brief-head { margin-bottom: 27px; padding-bottom: 25px; border-bottom-width: 4px; }
  .brief-head > div:first-child > span { padding: 8px 10px; font-size: 11px; }
  .brief-head strong { font-size: 38px; }
  .brief-status span { font-size: 11px; }.brief-status small { font-size: 10px; }
  .brief-progress { grid-template-columns: 1fr 46px; gap: 11px; }
  .brief-progress > span { grid-column: 1/-1; font-size: 12px; }
  body:not(.page-home) .contact-form,body:not(.page-home) .form-row { gap: 11px; }
  .brief-field,.brief-choice { padding: 22px 15px 24px 62px !important; border-width: 2px !important; }
  .brief-field::before,.brief-choice::before { top: 18px; left: 15px; width: 32px; height: 32px; font-size: 11px; }
  .brief-field:focus-within,.brief-choice:focus-within { box-shadow: 4px 4px 0 var(--editorial-lime); transform: translate(-1px,-1px); }
  body:not(.page-home) .contact-form label > span,body:not(.page-home) .contact-form legend { font-size: 13px; }
  body:not(.page-home) .contact-form input,body:not(.page-home) .contact-form textarea { font-size: 18px; }
  .service-options,.budget-options { grid-template-columns: 1fr; gap: 9px; }
  .service-options span,.budget-options span { min-height: 58px; padding: 12px 14px; font-size: 14px !important; }
  body:not(.page-home) .form-submit p { font-size: 12px; }
  body:not(.page-home) .form-submit .button { min-height: 60px; font-size: 14px; }
}

/* v18 — services must never disappear behind motion */
.page-hizmetler .page-hero {
  min-height: 64svh;
  padding-top: clamp(150px,12vw,205px);
  padding-bottom: clamp(70px,7vw,110px);
}
.page-hizmetler .detail-services { padding-top: 0; }
html.js-ready .page-hizmetler .detail-service.reveal,
html.js-ready .page-hizmetler .detail-service.reveal.in-view {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  clip-path: none !important;
  transform: none !important;
}
.page-hizmetler .detail-service {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  grid-template-columns: 110px minmax(0,1.1fr) minmax(250px,.58fr);
  gap: clamp(34px,4vw,70px);
  min-height: 430px;
  padding: clamp(64px,7vw,105px) clamp(24px,3vw,48px);
  border-bottom: 3px solid var(--print);
  transition: color .4s ease,background .4s ease;
}
.page-hizmetler .detail-service::before {
  content: attr(data-service-no);
  position: absolute;
  z-index: -1;
  right: -1%;
  bottom: -10%;
  color: transparent;
  opacity: .075;
  -webkit-text-stroke: 1px var(--print);
  font: 900 clamp(150px,19vw,310px)/.7 var(--sans);
  letter-spacing: -.09em;
  pointer-events: none;
}
.page-hizmetler .detail-number {
  color: var(--print);
  font: 850 clamp(42px,4vw,64px)/.8 var(--sans);
  letter-spacing: -.07em;
}
.page-hizmetler .detail-main > span {
  display: inline-flex;
  padding: 8px 10px;
  color: var(--print);
  background: var(--editorial-lime);
  border: 1px solid var(--print);
  font: 800 11px/1 var(--sans);
  letter-spacing: .05em;
}
.page-hizmetler .detail-main h2 { margin: 24px 0 28px; font-size: clamp(48px,5vw,78px); line-height: .92; }
.page-hizmetler .detail-main p { max-width: 760px; color: #34352f; font-family: Arial,Helvetica,sans-serif; font-size: clamp(17px,1.2vw,20px); line-height: 1.65; }
.page-hizmetler .detail-service ul { align-self: center; border-top: 2px solid var(--print); }
.page-hizmetler .detail-service li { padding: 17px 2px; color: #34352f; border-bottom: 1px solid rgba(17,18,15,.35); font: 700 13px/1.25 var(--sans); letter-spacing: .01em; }
.page-hizmetler .detail-service li::before { color: var(--print); font-size: 16px; font-weight: 900; }
.page-hizmetler .detail-service:hover { color: var(--paper); background: var(--print); }
.page-hizmetler .detail-service:hover::before { -webkit-text-stroke-color: var(--paper); }
.page-hizmetler .detail-service:hover .detail-number,.page-hizmetler .detail-service:hover .detail-main p,.page-hizmetler .detail-service:hover li { color: var(--paper); }
.page-hizmetler .detail-service:hover ul,.page-hizmetler .detail-service:hover li { border-color: rgba(238,236,228,.3); }
.page-hizmetler .detail-service:hover li::before { color: var(--editorial-lime); }

@media(max-width:780px) {
  .page-hizmetler .page-hero { min-height: auto; padding-top: 130px; padding-bottom: 70px; }
  .page-hizmetler .detail-service { grid-template-columns: 1fr; gap: 25px; min-height: 0; padding: 54px 18px 62px; }
  .page-hizmetler .detail-service::before { right: -5%; bottom: 0; font-size: 48vw; }
  .page-hizmetler .detail-number { font-size: 48px; }
  .page-hizmetler .detail-main h2 { font-size: clamp(43px,13vw,58px); }
  .page-hizmetler .detail-main p { font-size: 17px; }
  .page-hizmetler .detail-service li { font-size: 14px; }
  .page-hizmetler .detail-service:hover { color: var(--print); background: transparent; }
  .page-hizmetler .detail-service:hover .detail-number,.page-hizmetler .detail-service:hover .detail-main p,.page-hizmetler .detail-service:hover li { color: inherit; }
}

/* v21 — original curtain reveal, triggered before the card reaches the viewport */
.page-hizmetler .detail-services { overflow: clip; }
html.js-ready body.page-hizmetler .detail-service.reveal {
  opacity: 1 !important;
  translate: none;
  clip-path: inset(0 100% 0 0) !important;
  transition: clip-path 1.15s var(--ease),color .4s ease,background .4s ease !important;
  will-change: clip-path;
}
html.js-ready body.page-hizmetler .detail-service.reveal:nth-child(even) { clip-path: inset(0 0 0 100%) !important; }
html.js-ready body.page-hizmetler .detail-service.reveal.in-view {
  opacity: 1 !important;
  clip-path: inset(0) !important;
}

@media(max-width:780px) {
  html.js-ready body.page-hizmetler .detail-service.reveal { transition-duration: .9s,.4s,.4s !important; }
}

@media(prefers-reduced-motion:reduce) {
  html.js-ready body.page-hizmetler .detail-service.reveal { opacity: 1 !important; clip-path: none !important; }
}

/* v22 — concise corporate edition */
body.page-home {
  --bg: var(--paper);
  --bg-soft: var(--paper-2);
  --ink: var(--print);
  --muted: var(--print-soft);
  --lime: var(--editorial-lime);
  --cyan: #607785;
}
.page-home .site-header { background: rgba(242,240,234,.92); border-color: rgba(23,33,43,.16); }
.page-home .site-header.scrolled { background: rgba(242,240,234,.96); border-color: rgba(23,33,43,.24); }
.page-home .cursor-glow,.page-home .motion-echo { display: none !important; }
.page-home .shape-three,.page-home .story-art > i { box-shadow: 0 18px 55px rgba(23,33,43,.2); }
.story-b .story-art { color: var(--paper); background: #596874; }
.story-b .story-art > i { background: #d9d4c9; }
.story-c .story-art { background: #222d36; }
.story-c .story-art > i { background: var(--editorial-lime); box-shadow: 0 18px 55px rgba(23,33,43,.24); }

.edition-cover { min-height: auto; padding-top: 116px; padding-bottom: 42px; }
.cover-grid { min-height: 560px; border-top: 4px solid var(--print); }
.cover-lead { padding-top: clamp(48px,5vw,78px); }
.cover-lead h1 { font-size: clamp(62px,6.4vw,104px); }

.editorial-statement { grid-template-columns: .2fr 1fr; padding-top: 82px; padding-bottom: 86px; }
.statement-copy { padding-left: clamp(30px,4vw,70px); }
.statement-deck { max-width: 1040px; margin-bottom: 38px; font-size: clamp(40px,4.3vw,68px); }
.statement-columns { grid-template-columns: minmax(0,780px); gap: 0; }

.editorial-departments { padding: 82px 0; }
.editorial-section-head { margin-bottom: 42px; }
.department-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.department,.department-feature { grid-row: auto; min-height: 310px; padding: 26px; }
.department h3 { margin: 64px 0 20px; font-size: clamp(34px,3vw,48px); }
.department-mark { font-size: clamp(140px,13vw,220px); opacity: .8; }

.story-edition { padding-top: 82px; padding-bottom: 82px; }
.story-heading { margin-bottom: 42px; }
.story-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; border: 0; }
.story {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--print);
}
.story-art { min-height: 330px; }
.story-art > span { font-size: clamp(72px,7.3vw,118px); }
.story-copy { align-self: stretch; padding: 28px; }
.story-copy h3 { margin: 28px 0 18px; font-size: clamp(30px,2.5vw,41px); }
.story-copy p { font-size: 16px; line-height: 1.55; }
.story-copy > b { margin-top: 26px; }
.story-edition .story .story-art,.story-edition .story .story-copy { translate: none !important; rotate: none !important; }

.production-notes { padding-top: 82px; padding-bottom: 82px; }
.notes-grid li { min-height: 285px; padding: 24px; }
.notes-grid b { margin: 45px 0 32px; font-size: 68px; }
.editorial-colophon { margin-top: 50px; padding: 30px 0; }
.editorial-colophon strong { font-size: 76px; }
.page-home .closing-cta { padding-block: 82px; }
.page-home .closing-inner h2 { margin: 38px 0 52px; font-size: clamp(52px,6vw,92px); }

@media(max-width:1100px) and (min-width:781px) {
  .department-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .department,.department-feature { min-height: 300px; }
  .story-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media(max-width:780px) {
  .edition-cover { padding-top: 88px; padding-bottom: 12px; }
  .cover-grid { min-height: 0; border-top-width: 3px; }
  .cover-lead { padding: 28px 0 34px; }
  .cover-lead h1 { margin: 24px 0 20px; font-size: clamp(49px,14.5vw,64px); }
  .cover-art { min-height: 300px; max-height: 300px; }
  .cover-index { display: none; }

  .editorial-statement { padding-top: 54px; padding-bottom: 58px; }
  .statement-deck { margin-bottom: 26px; font-size: 32px; }
  .statement-columns { padding-top: 18px; }

  .editorial-departments { padding: 56px 0; }
  .editorial-section-head,.story-heading { margin-bottom: 28px; }
  .department,.department-feature { min-height: 220px; }
  .department h3 { margin-top: 38px; }

  .story-edition { padding-top: 58px; padding-bottom: 58px; }
  .story-list { display: flex; grid-template-columns: none; }
  .story { flex-basis: 82vw; }
  .story-art { min-height: 280px; max-height: 280px; }
  .story-copy { padding: 22px; }

  .production-notes { padding-top: 58px; padding-bottom: 58px; }
  .notes-grid li { flex-basis: 67vw; min-height: 245px; }
  .notes-grid li b { margin: 34px 0 24px; font-size: 58px; }
  .editorial-colophon { display: none; }
  .page-home .closing-cta { padding-block: 60px; }
  .page-home .closing-inner h2 { margin: 30px 0 38px; font-size: 43px; }
}

/* v23 — keep the contact headline inside its desktop column */
@media(min-width:1101px) {
  body.page-iletisim .contact-intro h1 {
    max-width: 100%;
    font-size: clamp(68px,6vw,92px);
    line-height: .9;
    letter-spacing: -.08em;
  }
  body.page-iletisim .contact-intro h1 em {
    display: inline-block;
    max-width: 100%;
    font-size: .94em;
    white-space: nowrap;
  }
}

/* v24 — restore the compact 2 × 2 service grid on phones */
@media(max-width:780px) {
  .page-home .department-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .page-home .department,
  .page-home .department-feature {
    min-width: 0;
    min-height: 230px;
    padding: 17px;
  }
  .page-home .department h3 {
    max-width: 100%;
    margin: 42px 0 0;
    font-size: clamp(24px,7.5vw,31px);
    line-height: .94;
    letter-spacing: -.055em;
    overflow-wrap: normal;
  }
  .page-home .department > i {
    right: 16px;
    bottom: 16px;
    left: 16px;
  }
}

/* v26 — every demo story carries its own industry palette */
.page-home .story-a { --story-accent:#7b3439; --story-accent-ink:#f3e8d5; --story-panel:#eee2d0; --story-dark:#1b1113; border-top:7px solid var(--story-accent); }
.page-home .story-b { --story-accent:#e6b829; --story-accent-ink:#111820; --story-panel:#efe7cb; --story-dark:#111820; border-top:7px solid var(--story-accent); }
.page-home .story-c { --story-accent:#f26a2e; --story-accent-ink:#fff; --story-panel:#e4ebee; --story-dark:#0f2940; border-top:7px solid var(--story-accent); }
.page-home .story-a .story-art { color:#f3e8d5; background:#1b1113; }
.page-home .story-a .story-art > i { background:#7b3439; box-shadow:0 18px 55px rgba(123,52,57,.42); }
.page-home .story-b .story-art { color:#f1f2ed; background:#111820; }
.page-home .story-b .story-art > i { background:#e6b829; box-shadow:0 18px 55px rgba(230,184,41,.32); }
.page-home .story-c .story-art { color:#edf1f2; background:#0f2940; }
.page-home .story-c .story-art > i { background:#f26a2e; box-shadow:0 18px 55px rgba(242,106,46,.34); }
.page-home .story .story-copy { color:var(--story-dark); background:var(--story-panel); }
.page-home .story .story-copy p { color:color-mix(in srgb,var(--story-dark) 72%,transparent); }
.page-home .story .story-copy > span,
.page-home .story .story-art > b { color:var(--story-accent-ink); background:var(--story-accent); border-color:var(--story-dark); }
.page-home .story .story-copy > b { color:#fff; background:var(--story-dark); border-color:var(--story-dark); box-shadow:4px 4px 0 var(--story-accent); }
.page-home .story:hover .story-copy > b { color:var(--story-accent-ink); background:var(--story-accent); box-shadow:2px 2px 0 var(--story-dark); }

.page-projeler #noir .project-visual { background:#1b1113; }
.page-projeler #noir .noir-plate { border-color:#b98c72; background:#7b3439; }
.page-projeler #usta34 .project-visual { color:#f3f4ef; background:#111820; }
.page-projeler #usta34 .mora-arch { background:#e6b829; }
.page-projeler #usta34 .mora-type { color:#f3f4ef; }
.page-projeler #usta34 .project-photo-usta {
  isolation:isolate;
  min-height:600px;
  overflow:hidden;
  background:#111820 url('../img/demo-usta-hero.png') 62% center/cover no-repeat;
  border:1px solid rgba(17,24,32,.72);
}
.page-projeler #usta34 .project-photo-usta::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,rgba(8,14,20,.92) 0%,rgba(8,14,20,.62) 43%,rgba(8,14,20,.08) 76%),linear-gradient(0deg,rgba(8,14,20,.72),transparent 52%);
  pointer-events:none;
}
.page-projeler #usta34 .project-photo-brand {
  position:absolute;
  z-index:3;
  top:52%;
  left:7%;
  display:flex;
  flex-direction:column;
  transform:translateY(-50%);
}
.page-projeler #usta34 .project-photo-brand span {
  color:#f4f2eb;
  font:800 clamp(50px,6vw,92px)/.82 Arial,Helvetica,sans-serif;
  letter-spacing:-.075em;
}
.page-projeler #usta34 .project-photo-brand b {
  width:max-content;
  margin-top:19px;
  padding:10px 12px;
  color:#111820;
  background:#c69248;
  font:850 10px/1 var(--mono);
  letter-spacing:.12em;
}
.page-projeler #usta34 .project-visual small { z-index:5; }
.page-projeler #zirve .project-visual { color:#edf1f2; background:#0f2940; }
.page-projeler #zirve .art-sphere { background:#f26a2e; box-shadow:0 0 90px rgba(242,106,46,.36); }

@media(max-width:780px){
  .page-projeler #usta34 .project-photo-usta { min-height:390px; background-position:64% center; }
  .page-projeler #usta34 .project-photo-brand { top:46%; left:6%; }
  .page-projeler #usta34 .project-photo-brand span { font-size:clamp(48px,16vw,68px); }
}

/* v29 — project covers now preview the rebuilt live demos. */
.page-projeler #noir .project-visual{isolation:isolate;background:#150a08 url('../img/demo-noir-hero-v2.webp') 68% center/cover no-repeat}
.page-projeler #noir .project-visual:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(16,7,5,.9),rgba(16,7,5,.18)),linear-gradient(0deg,rgba(16,7,5,.72),transparent 55%)}
.page-projeler #noir .noir-plate{z-index:2;opacity:.2}.page-projeler #noir .noir-type{z-index:3;color:#f1e5d8}.page-projeler #noir .project-visual small{z-index:4}
.page-projeler #usta34 .project-photo-usta{background-image:url('../img/demo-usta-hero-v2.webp')}
.page-projeler #zirve .project-visual{isolation:isolate;background:#071722 url('../img/demo-zirve-hero-v2.webp') 70% center/cover no-repeat}
.page-projeler #zirve .project-visual:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,16,24,.9),rgba(5,16,24,.12)),linear-gradient(0deg,rgba(5,16,24,.75),transparent 55%)}
.page-projeler #zirve .art-word{z-index:3;color:#f0f4f5}.page-projeler #zirve .art-sphere{z-index:2;opacity:.35}.page-projeler #zirve .project-visual small{z-index:4}

/* v28 — explicit mobile navigation for the three project stories. */
.story-mobile-nav{display:none}
@media(max-width:780px){
  .story-edition{position:relative}
  .story-mobile-nav{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;margin:-4px 0 18px;padding:13px 14px;color:#f2f0ea;background:#17212b;border:1px solid #17212b;box-shadow:5px 5px 0 #a57b43}
  .story-mobile-nav>div:first-child{display:grid;gap:4px}.story-mobile-nav strong{font:850 12px/1 var(--mono);letter-spacing:.1em}.story-mobile-nav span{color:#cbd0d4;font:700 8px/1.25 var(--mono);letter-spacing:.07em;text-transform:uppercase}
  .story-nav-dots{display:flex;align-items:center;gap:6px}.story-nav-dots i{display:block;width:6px;height:6px;border:1px solid #d7d9d7;border-radius:50%;transition:width .25s,background .25s}.story-nav-dots i.is-active{width:22px;border-radius:8px;background:#a57b43;border-color:#a57b43}
  .story-nav-buttons{display:flex;gap:7px}.story-nav-buttons button{position:relative;width:39px;height:39px;padding:0;border:1px solid rgba(255,255,255,.38);background:transparent}.story-nav-buttons button:after{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;border-top:2px solid #fff;border-right:2px solid #fff;transform:translate(-63%,-50%) rotate(45deg)}.story-nav-buttons button:first-child:after{transform:translate(-37%,-50%) rotate(-135deg)}.story-nav-buttons button:disabled{opacity:.28}
  .story-list{position:relative;padding-right:18vw!important;mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%)}
  .story-list:focus-within{mask-image:none;-webkit-mask-image:none}
}