@font-face{font-family:PolySans;src:url('assets/polysans-slim.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:PolySans;src:url('assets/polysans-neutral.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:PolySans;src:url('assets/polysans-median.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:PolySans;src:url('assets/polysans-bulky.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Degular;src:local('Degular Regular'),local('Degular');font-weight:400;font-display:swap}
:root{--green:#b3cc19;--black:#000;--night:#080908;--paper:#f1f0e9;--light:#f2f2ed;--line:#363732;--muted:#b5b7ac;--head:PolySans,'Arial',sans-serif;--body:Degular,PolySans,'Arial',sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--gutter:clamp(24px,5.5vw,100px);--nav:76px;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--nav)}
body{margin:0;background:var(--black);color:var(--light);font:400 17px/1.45 var(--body);-webkit-font-smoothing:antialiased}
main{overflow:clip}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}button,a,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0;background:none}button,summary,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #70a8ff;outline-offset:5px}::selection{background:var(--green);color:#000}.symbols{width:0;height:0;position:absolute;pointer-events:none}.arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;flex:none}
.wrap,.navwrap,.hero-inner{width:min(100%,1740px);margin:auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.skip{position:fixed;left:10px;top:-80px;z-index:200;padding:10px;background:var(--green);color:black}.skip:focus{top:8px}
.topbar{height:var(--nav);position:sticky;top:0;z-index:30;background:#080908f5;border-bottom:1px solid #2a2c25;backdrop-filter:blur(12px)}
.navwrap{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.logo{justify-self:start}.logo img{width:100px;height:auto}.topnav{display:flex;align-items:center;gap:clamp(24px,3vw,50px);font-size:15px}.topnav a{position:relative;padding:12px 0;white-space:nowrap}.topnav a::after{content:'';position:absolute;bottom:5px;height:1px;background:var(--green);left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .2s}.topnav a:hover::after,.topnav a[aria-current]::after{transform:scaleX(1)}.navtools{display:flex;align-items:center;gap:14px;justify-content:flex-end}.navcta{display:inline-flex;align-items:center;gap:17px;font:600 14px/1 var(--head);padding:11px 17px 12px 19px;border:1px solid #7e8a43;border-radius:30px;color:var(--green);transition:background .2s,color .2s}.navcta .arrow{width:15px;height:15px}.navcta:hover{background:var(--green);color:#000}.menu-trigger{display:none}.progress{position:absolute;bottom:-1px;height:2px;width:100%;background:var(--green);transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{background:radial-gradient(ellipse at 73% 44%,#191e0e 0%,#0c0e0a 35%,#080908 64%);position:relative;isolation:isolate}
.hero-inner{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;min-height:clamp(485px,40.2vw,694px);padding-top:26px;padding-bottom:24px;gap:clamp(8px,2.3vw,40px)}
.hero-copy{position:relative;z-index:2;padding-block:32px}
.eyebrow,.section-marker,.figure-id,.figure-year,.hero-foot,.agency-image figcaption,.case-badge,.case-caption small{font:400 11px/1.4 var(--mono);letter-spacing:.105em;text-transform:uppercase}
.hero-label{display:flex;align-items:center;gap:12px;color:#d5d6c9}.status-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #b3cc1945}.slash{color:#73765c}
h1,h2,.case-caption strong{font-family:var(--head);font-weight:600}
h1{font-size:clamp(84px,8.7vw,159px);line-height:.87;letter-spacing:-.047em;margin:clamp(25px,2.35vw,44px) 0 25px -0.055em}
h1 em,h2 em{font-style:normal}h1 em,.works h2 em{color:var(--green)}.hero-sub{font-size:clamp(16px,1.3vw,22px);line-height:1.42;color:#bcbeb3;letter-spacing:-.022em;max-width:600px}.hero-sub strong{color:var(--light);font-weight:400}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:clamp(24px,2.3vw,40px)}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;border-radius:40px;padding:15px 23px 16px;font:600 15px/1.1 var(--head);transition:background .22s,transform .22s}.button.green{background:var(--green);color:var(--black)}.button.green:hover{background:#cae33e;transform:translateY(-2px)}.text-link{font-size:15px;display:inline-flex;gap:12px;align-items:center;padding:7px 0}.text-link .arrow{width:15px;height:15px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero-art{position:relative;isolation:isolate;height:100%;min-height:445px;max-height:670px;overflow:hidden;align-self:stretch;--move:0px}
.art-grid{position:absolute;inset:4% 0 0;background-image:linear-gradient(#9aa7620e 1px,transparent 1px),linear-gradient(90deg,#9aa7620e 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%)}
.planet-wrap{position:absolute;inset:8% 7% 4% 10%;display:grid;place-items:center;transform:translateY(calc(var(--move) * -.32))}
.planet{width:min(100%,calc(clamp(485px,40.2vw,694px)*.82));aspect-ratio:1;background:radial-gradient(ellipse at 27% 26%,#dae752 0%,#bed32b 36%,#98ae15 80%,#829410);border-radius:100%;position:relative;overflow:hidden}
.planet:after{content:'';position:absolute;inset:0;background-image:url('assets/grain.svg');opacity:.20;mix-blend-mode:multiply}
.orbit{position:absolute;inset:1% -2% 0;width:104%;height:99%;color:#acb679;opacity:.65}
.portrait-layer{position:absolute;inset:0;overflow:hidden}.portrait-layer picture{display:contents}.portrait{position:absolute;bottom:-12%;height:108%;width:100%;max-width:none;object-fit:contain;object-position:bottom center;transform:translateY(var(--move));transform-origin:60% 70%;filter:drop-shadow(0 8px 12px #03050047)}
.register{display:block;position:absolute;width:12px;height:12px;color:#91967c}.register:before,.register:after{position:absolute;background:currentColor;content:''}.register:before{left:0;top:5px;width:11px;height:1px}.register:after{top:0;left:5px;width:1px;height:11px}.r1{top:4%;left:1%}.r2{top:4%;right:1%}.r3{bottom:2%;left:1%}.r4{bottom:2%;right:1%}
.figure-id,.figure-year{position:absolute;font-size:9px;letter-spacing:.12em;color:#bdc3a4;text-shadow:0 1px 3px #111}.figure-id{top:calc(4% + 1px);left:calc(1% + 20px)}.figure-id span{color:#6d745a;padding:0 3px}.figure-year{right:calc(1% + 20px);bottom:calc(2% + 1px)}
.hero-foot{position:relative;display:flex;align-items:center;justify-content:space-between;color:#aaad9e;font-size:10px;letter-spacing:.095em;height:55px}.hero-foot:before{content:'';position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:#393b30}.scroll-cue{display:flex;align-items:center;gap:10px}.scroll-cue:hover{color:var(--green)}.scroll-icon{font:16px/1 var(--mono);color:var(--green)}.edition b{color:var(--green);margin:0 7px}.issue i{color:#6f7754;margin:0 4px}
.ticker{overflow:hidden;background:var(--green);color:#101207}.ticker-track{display:flex;gap:clamp(20px,2.25vw,44px);align-items:center;white-space:nowrap;width:max-content;padding:15px 0 16px;font:600 clamp(20px,2.1vw,35px)/1 var(--head);letter-spacing:-.045em;transform:translateX(var(--ticker,-46px))}.ticker-track b{font:400 1.15em/1 Arial,sans-serif}
.paper{background:var(--paper);color:#12140f;color-scheme:light}.agency,.works,.services,.contact{padding:clamp(48px,5.9vw,100px) 0 clamp(60px,7.8vw,140px)}
.section-marker{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid #aaa99d;font-size:10px;margin-bottom:clamp(32px,4vw,74px)}.section-marker>span:first-child{display:flex;align-items:center;gap:10px}.section-marker i{width:7px;height:7px;display:block;background:currentColor}.section-marker>span:last-child{opacity:.72}
h2{font-size:clamp(50px,5.4vw,100px);line-height:.97;letter-spacing:-.047em}
.paper h2 em{color:var(--green)}.intro{font-size:clamp(17px,1.5vw,24px);line-height:1.5;letter-spacing:-.025em;max-width:480px;margin-top:24px}
.agency-grid{display:grid;grid-template-columns:1.12fr .9fr;gap:7%;align-items:center}.agency-facts{display:flex;gap:clamp(25px,4.6vw,82px);margin-top:36px}.agency-facts>div+div{border-left:1px solid #c2c2b5;padding-left:clamp(25px,4.6vw,82px)}.agency-facts strong{font:600 clamp(36px,4vw,68px)/1 var(--head);letter-spacing:-.045em}.agency-facts strong span{color:#758509}.agency-facts p{margin-top:5px;font-size:14px}.agency-facts p span{color:#797b6f}.agency-photo{position:relative;overflow:hidden;aspect-ratio:1.35;background:#c9ceac}.agency-photo img{width:100%;height:100%;object-fit:cover}.agency-image figcaption{display:flex;justify-content:space-between;margin-top:12px;font-size:9px}
.works{background:#10110f}.works .section-marker{border-color:#44463d}.works .section-marker i{background:var(--green)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:40px}.section-heading p{color:#c1c2b8;font-size:clamp(15px,1.2vw,21px);line-height:1.45;letter-spacing:-.02em}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px}.case-card{text-align:left;padding:0;display:block;width:100%}.case-image{aspect-ratio:4/2.85;display:block;position:relative;overflow:hidden;background:#252720}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.18,.7,.3,1)}.case-card:hover img{transform:scale(1.037)}.case-badge{position:absolute;top:16px;left:16px;background:#141510e8;color:#fff;padding:6px 10px;font-size:9px;border:1px solid #ffffff30}.case-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0 12px;border-bottom:1px solid #3b3d33}.case-caption small{display:block;margin-bottom:4px;color:#c3c6b2;font-size:9px}.case-caption strong{font-size:clamp(26px,2.6vw,47px);letter-spacing:-.044em;line-height:1.18;display:block}.roundicon{border-radius:50%;border:1px solid #626551;display:grid;place-items:center;width:37px;height:37px;flex:none;transition:background .2s,color .2s}.case-card:hover .roundicon{background:var(--green);color:#000}.roundicon .arrow{width:16px;height:16px}.archive-link{display:flex;justify-content:flex-end;margin-top:30px}.archive-link a,.contact-email{display:inline-flex;gap:11px;align-items:center;border-bottom:1px solid currentColor;padding:4px 0}.archive-link .arrow,.contact-email .arrow{width:16px;height:16px}.archive-link a:hover{color:var(--green)}
.services-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:6%}.services-grid .intro{max-width:420px}.services h2{font-size:clamp(45px,4.9vw,85px)}.service-list{margin-top:4px}.service-list details{border-top:1px solid #adada2}.service-list details:last-child{border-bottom:1px solid #adada2}.service-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;font:600 clamp(21px,2vw,34px)/1.12 var(--head);letter-spacing:-.045em;padding:19px 1px}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{font:11px var(--mono);color:#59614c;letter-spacing:0}.service-list summary i{width:16px;height:16px;display:block;position:relative;margin-left:auto}.service-list summary i:before,.service-list summary i:after{content:'';position:absolute;height:1.5px;width:14px;background:currentColor;top:7px;left:0}.service-list summary i:after{transform:rotate(90deg);transition:transform .2s}.service-list details[open] summary i:after{transform:rotate(0)}.service-list details p{max-width:570px;color:#44463a;padding:0 35px 21px 33px;font-size:16px;line-height:1.48}
.contact{background:var(--green);color:#111408;color-scheme:light}.contact .section-marker{border-color:#738017}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact h2{font-size:clamp(66px,7vw,123px)}.contact h2 em{color:#434d02}.contact .intro{max-width:400px}.contact-email{margin-top:35px;font-size:clamp(17px,1.55vw,25px);letter-spacing:-.035em}.contact-phone{display:block;margin-top:12px;font-size:16px}.form-top{display:flex;justify-content:space-between;border-bottom:1px solid #768519;padding-bottom:13px;gap:12px;align-items:center}.form-top>span:last-child{font-size:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:19px 20px;padding-top:22px}.fields label{display:block;font:600 14px/1.35 var(--head)}.fields label>span{font:400 12px var(--body)}.fields .full{grid-column:1/-1}.fields input,.fields textarea,.fields select{width:100%;height:42px;color:#0b0d02;background:transparent;appearance:none;border:0;border-bottom:1px solid #697612;border-radius:0;padding:4px 1px;font:400 17px/1.35 var(--body)}.fields textarea{height:72px;resize:vertical;padding-top:9px}.fields select{padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='m1 1 7 7 7-7' fill='none' stroke='%23141407' stroke-width='1.7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:12px}.fields select option{color:#151611;background:#fafbef}.fields ::placeholder{color:#45500d;opacity:1}.form-note{font-size:13px;line-height:1.45;color:#363f08;max-width:440px;margin:20px 0 15px}.button.dark{background:#101208;color:#fff}.button.dark:hover{background:#323920}.form-result{margin-top:12px;font-size:14px}.form-result a{text-decoration:underline;text-underline-offset:3px}.form-result:empty{display:none}
footer{background:#080908;color:#d8dbcd}.foot-inner{min-height:95px;display:flex;align-items:center;gap:24px;font-size:13px}.foot-inner img{width:82px;height:auto}.foot-inner>span{margin-right:auto;color:#b9bcaf}.foot-inner a:hover{text-decoration:underline}.backtop{margin-left:24px}
dialog{border:1px solid #565a49;background:#161813;color:#f2f2ed;width:min(780px,calc(100vw - 32px));max-width:100%;max-height:88svh;padding:0;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.dialog-close{position:sticky;z-index:1;top:12px;float:right;margin:12px 12px -48px 0;width:37px;height:37px;background:#111;color:white;border:1px solid #eee7;border-radius:50%;font:29px/1 Arial}.dialog-image{height:clamp(160px,37svh,390px);background:#171815}.dialog-image img{height:100%;width:100%;object-fit:contain}.dialog-body{padding:24px clamp(18px,3.4vw,44px) 28px}.dialog-body .eyebrow{color:var(--green)}.dialog-body h2{font-size:clamp(35px,4.5vw,65px);margin:15px 0}.dialog-body>p:not(.eyebrow){color:#d4d6ca}.dialog-body #dialogTags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 10px}.dialog-body #dialogTags span{border:1px solid #515747;border-radius:20px;padding:4px 10px;font-size:12px}.dialog-body .text-link{color:var(--green)}
@media(min-width:1740px){.hero-inner{min-height:720px}.hero-copy{padding:50px 0}}
@media(max-width:1000px){:root{--gutter:4.5vw;--nav:68px}.hero-inner{grid-template-columns:1fr .95fr;gap:4px}.hero-art{min-height:405px}.hero-copy{padding-block:28px}h1{font-size:clamp(76px,9.6vw,100px)}.hero-sub{font-size:16px}.agency-grid,.services-grid,.contact-grid{gap:5%}.agency-image figcaption{font-size:8px}.fields label>span{font-size:10px}.ticker-track{padding-block:14px}}
@media(max-width:700px){:root{--gutter:clamp(19px,5.6vw,36px);--nav:63px}.navwrap{grid-template-columns:1fr auto}.logo img{width:77px}.navcta{font-size:13px;padding:9px 13px;gap:10px}.menu-trigger{width:34px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:2px}.menu-trigger span{display:block;width:22px;height:1.5px;background:#f0f0df;transition:transform .2s}.menu-trigger[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-trigger[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.navtools{gap:8px}.topnav{display:none;position:absolute;top:100%;left:0;right:0;background:#11130f;border-block:1px solid #393d31;padding:10px var(--gutter) 16px;flex-direction:column;align-items:stretch;gap:0}.topnav.open{display:flex}.topnav a{font-size:18px;padding:12px 0}
.hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:0;padding-bottom:0}.hero-copy{padding:36px 0 12px}.hero-label{font-size:9px;gap:9px}.status-dot{width:6px;height:6px}h1{font-size:clamp(71px,15.3vw,106px);margin:21px 0 17px;line-height:.85;letter-spacing:-.047em}.hero-sub{font-size:16px;max-width:390px;line-height:1.36}.hero-actions{margin-top:19px;gap:23px}.button{padding:13px 17px;font-size:14px;gap:21px}.button .arrow{width:16px;height:16px}.hero-actions .text-link{font-size:14px}.hero-art{align-self:center;width:min(100%,455px);height:clamp(235px,62vw,355px);min-height:0;margin-top:3px}.planet-wrap{inset:3% 14% -3%}.planet{width:auto;height:92%;max-width:100%}.portrait{height:114%;width:94%;left:3%;bottom:-19%}.orbit{inset:-6% 0 0;height:110%;width:100%}.figure-id,.figure-year{font-size:8px}.r1,.r2{top:7%}.figure-id{top:calc(7% + 2px)}.r3,.r4{bottom:4%}.figure-year{bottom:calc(4% + 2px)}.hero-foot{height:43px;font-size:8px}.hero-foot .edition{display:none}.hero{background:radial-gradient(ellipse at 55% 76%,#1a1d0e,#0a0c08 39%,#080908 68%)}.ticker-track{font-size:21px;padding:11px 0 12px;gap:21px}
.agency,.works,.services,.contact{padding:44px 0 55px}.section-marker{font-size:9px;padding-top:10px;margin-bottom:27px}.agency-grid,.services-grid,.contact-grid{grid-template-columns:1fr;gap:30px}h2{font-size:clamp(44px,10vw,66px);line-height:.98}.agency-grid .intro,.intro{font-size:17px;line-height:1.46;margin-top:17px}.agency-facts{margin-top:23px}.agency-facts strong{font-size:39px}.agency-facts p{font-size:13px}.agency-image{max-width:535px}.agency-photo{aspect-ratio:1.52}.agency-image figcaption{font-size:8px}.section-heading{display:block;margin-bottom:24px}.section-heading p{margin-top:15px;font-size:16px}.section-heading br{display:none}.case-grid{grid-template-columns:1fr;gap:25px}.case-caption{padding:12px 0}.case-caption strong{font-size:28px}.case-caption small{font-size:8px}.case-badge{left:12px;top:12px}.archive-link{margin-top:24px;justify-content:flex-start}.archive-link a{font-size:15px}.services h2{font-size:clamp(43px,9.5vw,62px)}.service-list summary{font-size:23px;padding:17px 0;gap:12px}.service-list details p{padding-left:25px;font-size:15px}.contact h2{font-size:clamp(63px,14vw,94px)}.contact-email{margin-top:21px}.contact-phone{margin-top:7px}.fields{gap:15px}.fields label{font-size:13px}.form-note{font-size:13px}.foot-inner{padding-block:25px;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:12px}.foot-inner>span{margin:0;text-align:right}.foot-inner .backtop{text-align:right;margin:0}.foot-inner img{width:65px}.dialog-body{padding:20px}.dialog-image{height:27svh}
}
@media(max-width:360px){.wide-break{display:none}.hero-copy{padding-top:27px}.hero-sub{font-size:15px}.hero-actions{gap:15px}.fields{grid-template-columns:1fr}.hero-art{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.portrait,.planet-wrap,.ticker-track{transform:none!important}}

@media(prefers-reduced-motion:no-preference) {
  .heading-entered { animation: heading-in 490ms cubic-bezier(.2,.7,.3,1) backwards; }
  @keyframes heading-in {
    from { opacity:.35; transform:translateY(11px); }
    to { opacity:1; transform:translateY(0); }
  }
}

/* Katalog bölümleri */
.chapter,.culture-pane,.service-intro,.expertise,.growth,.more-work,.book-title{padding:clamp(46px,5.7vw,92px) 0 clamp(56px,6.8vw,120px)}
.spread,.project-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6.2vw,110px);align-items:center}
.spread h2,.team-lead h2,.culture-pane h2,.book h2{font-size:clamp(55px,5.85vw,106px);letter-spacing:-.055em;line-height:.98}
.spread .eyebrow,.team-lead .eyebrow,.culture-grid .eyebrow,.full-contact .eyebrow{margin-bottom:18px}
.longcopy,.standfirst{max-width:51ch;font-size:clamp(17px,1.3vw,22px);line-height:1.52;letter-spacing:-.018em}
.longcopy{margin-top:25px}.longcopy p+p{margin-top:12px}.standfirst{margin-top:21px}.art-tile,.team-banner,.culture-photo,.office-strip,.growth-art,.more-art{position:relative}
.source-open{display:inline-flex;align-items:center;gap:8px;padding:8px 0;min-height:38px;font:400 13px var(--body);text-transform:none;letter-spacing:0;text-align:left}.source-open span{font:20px/1 Arial}.source-open:hover,.short-link:hover,.project-link:hover{text-decoration:underline;text-underline-offset:4px}.hero-foot .source-open{font:10px var(--mono);text-transform:uppercase;letter-spacing:.055em}.hero-foot .source-open span{font-size:16px}
.about-art{background:radial-gradient(circle at 68% 24%,#d8e986 0 35%,#bacf3b 36% 60%,#b3cc19 61%);aspect-ratio:1.22;overflow:hidden;isolation:isolate}.about-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.about-art figcaption,.growth-art .source-open{position:absolute;right:11px;bottom:11px}.about-art .source-open,.growth-art .source-open{background:#101409e8;color:#fff;padding:5px 13px;border-radius:40px;font-size:12px}
.team-pane{background:#10120e;color:#f7f7ed}.team-pane .section-marker,.growth .section-marker,.book-title .section-marker{border-color:#525448}.team-pane .section-marker i,.growth .section-marker i,.book-title .section-marker i{background:var(--green)}
.team-lead{display:grid;grid-template-columns:1.12fr .86fr;align-items:center;gap:7%;margin-bottom:42px}.team-lead h2 em,.growth h2 em,.book h2 em{color:var(--green)}.team-lead .eyebrow,.growth .eyebrow{color:#cbd4ad}.team-lead .standfirst{color:#c4c8b9}.team-banner{overflow:hidden;isolation:isolate;min-width:0;display:grid;place-items:center;align-self:stretch;max-height:300px}.team-banner:before{content:'';z-index:-1;position:absolute;inset:10% 20% 0;border-radius:50%;background:var(--green)}.team-banner img{width:100%;height:100%;object-fit:contain;min-height:0}.crew{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px clamp(12px,1.65vw,28px);align-items:start}
.person{min-width:0}.person-photo{position:relative;overflow:hidden;aspect-ratio:.97;background:#c7d450;isolation:isolate}.person-photo:before{content:'';position:absolute;inset:14% 8% -9%;border:1px solid #949c54;border-radius:50%;z-index:-1}.person-photo:after{content:'';position:absolute;right:10px;bottom:9px;width:7px;height:7px;background:#181c0d}.person-photo img{width:100%;height:103%;object-fit:contain;object-position:center bottom;transition:transform .4s ease}.person:hover .person-photo img{transform:scale(1.035)}.person-photo.tint-1{background:#dfe0c5}.person-photo.tint-2{background:#c2c9b6}.person-photo.tint-3{background:#e6e6dc}.photo-id{position:absolute;top:11px;left:12px;font:9px var(--mono);letter-spacing:.06em;color:#263016}
.person-copy{padding:13px 0 0}.person-copy .eyebrow{color:#b3b9a4;font-size:9px;letter-spacing:.06em}.person h3{font:600 clamp(21px,2vw,36px)/1.12 var(--head);letter-spacing:-.044em;margin:5px 0 6px}.bio{border-top:1px solid #44483c}.bio summary,.svc-details summary{cursor:pointer;list-style:none}.bio summary::-webkit-details-marker,.svc-details summary::-webkit-details-marker{display:none}.bio summary{display:flex;align-items:center;justify-content:space-between;font-size:13px;min-height:38px;color:#d9dfc9}.bio summary span:after,.svc-details summary i:after{content:'+';font:18px/1 var(--head)}.bio[open] summary span:after,.svc-details[open] summary i:after{content:'−'}.bio p{font-size:15px;line-height:1.46;color:#cdd1c3}
.culture-pane{background:var(--paper);color:#15180f}.culture-grid{display:grid;grid-template-columns:1.14fr .8fr;align-items:center;gap:7%}.culture-grid h2{font-size:clamp(44px,5.2vw,94px)}.culture-grid h2 em{color:var(--green)}.culture-grid .source-open{margin-top:16px}.culture-photo{max-height:440px;overflow:hidden;display:flex;justify-content:center;background:#dce3a9}.culture-photo img{max-height:440px;width:auto;max-width:100%;object-fit:contain}.office-strip{margin-top:32px}.office-strip img{width:min(100%,710px);max-height:450px;height:auto;margin:0 auto;object-fit:contain}.office-strip figcaption{margin-top:10px;text-align:center;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase}.office-strip figcaption span{font-weight:bold}
.service-intro{background:var(--green);color:#101309;padding-bottom:0}.service-intro .section-marker{border-color:#75851c;margin-bottom:20px}.service-intro .spread{gap:2%;align-items:end;grid-template-columns:1.04fr .96fr}.service-intro .spread>div{padding:10px 0 clamp(40px,6vw,90px)}.service-intro h2 em{color:#394306}.service-jump{margin-top:28px}.service-lion{height:clamp(300px,31vw,550px)}.service-lion img{width:100%;height:100%;object-fit:contain;object-position:50% 100%}
.expertise-head,.book-title-line{display:flex;align-items:flex-end;justify-content:space-between;gap:6%}.expertise-head h2{font-size:clamp(45px,5vw,88px)}.expertise-head>p,.book-title-line>p{font-size:clamp(16px,1.4vw,23px);max-width:31ch;line-height:1.45}.service-desk{display:grid;grid-template-columns:minmax(225px,.59fr) minmax(0,1.42fr);gap:clamp(26px,5vw,86px);align-items:start;margin-top:clamp(24px,3vw,53px)}
.service-tabs{display:flex;flex-direction:column;align-items:stretch;border-bottom:1px solid #aeafa0}.service-tab{border-top:1px solid #aeafa0;display:flex;align-items:center;gap:12px;text-align:left;font:600 clamp(16px,1.5vw,26px)/1.22 var(--head);padding:17px 8px;letter-spacing:-.035em}.service-tab span{font:10px var(--mono);color:#59614c}.service-tab b{font-size:17px;margin-left:auto;font-weight:400}.service-tab[aria-selected=true]{background:#16190f;color:var(--green);border-color:#16190f}.service-tab[aria-selected=true] span{color:#d1d7bb}.service-tab:hover:not([aria-selected=true]){background:#e4e6d9}
.svc-panel{background:#fffef8;border:1px solid #c0c2b5;padding:clamp(16px,2vw,36px);color:#181b12}.svc-panel[hidden]{display:none}.svc-panel+.svc-panel{margin-top:16px}.tabs-ready .svc-panel{margin:0}.svc-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(100px,.65fr);gap:14px;align-items:center}.svc-top .eyebrow{color:#626e43;font-size:10px}.svc-panel h3{font:600 clamp(29px,3vw,55px)/1.02 var(--head);letter-spacing:-.049em;margin-top:15px}.svc-art{height:clamp(135px,14vw,245px);display:flex;justify-content:center;overflow:hidden}.svc-art img{width:100%;height:100%;object-fit:contain}.svc-copy:not(:empty){margin-top:19px}.svc-copy p,.svc-details p,.deliverables dd{font:400 clamp(15px,1.2vw,19px)/1.48 var(--body)}.svc-copy p+p{margin-top:10px}.svc-details{margin-top:17px;border-top:1px solid #c3c6b7}.svc-details+details{margin-top:0}.svc-details summary{font:600 clamp(16px,1.35vw,23px)/1.3 var(--head);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0}.svc-details summary i{font-style:normal}.deliverables{margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.deliverables dt{font:600 15px var(--head)}.deliverables dd{font-size:14px;color:#43493c;margin:4px 0 0}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.plans article{background:#ebeee1;padding:10px}.plans article:nth-child(2){background:#d6e38b}.plans small{font:9px var(--mono);display:block;min-height:14px}.plans h4{font:600 21px var(--head);margin:5px 0}.plans ul{padding-left:15px;margin:0;font-size:13px}.svc-details>.plans~p{font-size:13px;margin:5px 0}.svc-actions{border-top:1px solid #c3c6b7;margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.short-link,.project-link,.social-link{display:inline-flex;align-items:center;gap:7px;font-size:14px}.short-link .arrow,.project-link .arrow,.social-link .arrow{width:14px;height:14px}
.growth{background:#20231c;color:#f7f6ed}.growth h2{font-size:clamp(50px,5.5vw,96px)}.growth .longcopy{color:#cdd1c2}.growth-art{display:grid;justify-items:center}.growth-art img{width:100%;height:clamp(280px,32vw,550px);object-fit:contain}.cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:25px}.button.outlined{border:1px solid #777e69;color:#fff}.button.outlined:hover{background:#3c4333}
.book{position:relative}.book-title,.case-tools{background:#10120e;color:#f7f7ef}.book-title{padding-bottom:clamp(34px,4.2vw,76px)}.book-title-line>p{white-space:nowrap}.book-title-line>p span{color:var(--green);padding:0 3px}
.case-tools{position:sticky;top:var(--nav);z-index:14;border-block:1px solid #42483b}.case-tools>.wrap{height:47px;display:flex;align-items:center;gap:13px}.case-tools label{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#cbcfb9}.case-tools select,.archive-controls select{appearance:auto;color:#f2f4e7;background:#24281f;font:14px var(--body);border:1px solid #49503d;padding:3px 6px;max-width:58vw;min-height:32px;border-radius:3px}.case-nav{margin-left:auto;display:flex;gap:8px}.case-nav a{display:grid;place-items:center;min-width:36px;height:34px;border:1px solid #606750;border-radius:50%;font:18px var(--head)}.case-nav a[aria-disabled=true]{opacity:.35;pointer-events:none}
.project-page{--rule:#aaa;--faint:#555;--tag:#888;background:#fff;color:#111;scroll-margin-top:47px;padding:clamp(28px,3.3vw,58px) 0;min-height:min(77vw,calc(100svh - var(--nav) - 47px));display:grid;align-content:center}
.project-folio{display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding-top:11px;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:clamp(17px,2.4vw,43px)}.project-layout{grid-template-columns:minmax(0,.84fr) minmax(0,1.1fr);gap:7%}.project-page.flipped .project-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.84fr)}.flipped .project-info{order:2}.project-no{font:400 clamp(23px,2.2vw,40px)/1 var(--head);letter-spacing:-.06em;color:var(--faint);padding-bottom:16px}.project-no sup{font:9px var(--mono);letter-spacing:0;margin-left:5px;vertical-align:top}
.project-info h3{font:600 clamp(42px,5.3vw,100px)/.96 var(--head);letter-spacing:-.055em;margin:0;overflow-wrap:break-word}.project-subtitle{margin-top:12px;font-size:15px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:21px}.tags span{border:1px solid var(--tag);border-radius:20px;padding:4px 10px 5px;font-size:13px;line-height:1.3}.project-desc{font-size:clamp(17px,1.4vw,23px);line-height:1.47;letter-spacing:-.016em;max-width:43ch;margin-top:20px}.alternate-note{font-size:14px;margin:17px 0;border-top:1px solid var(--rule);padding-top:10px}.alternate-note .tags{margin-top:7px}.project-link{border-bottom:1px solid currentColor;margin-top:17px;padding-block:5px}
.project-art{position:relative;min-width:0;display:grid;justify-items:center;align-content:center}.project-art img{width:100%;height:clamp(290px,32.5vw,590px);object-fit:contain}.project-art figcaption{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:15px}.project-art .source-open{color:var(--faint)}.second-cover{margin-top:12px}.more-work .longcopy{max-width:45ch}.more-art{background:#c6d645;display:flex;align-items:center;justify-content:center;padding:clamp(12px,2vw,27px)}.more-art img{height:clamp(260px,32vw,530px);width:100%;object-fit:contain}
.coffee-mark{width:clamp(70px,7vw,135px);margin-bottom:15px}.coffee-mark img{width:100%;height:auto}.full-contact .social-link{margin:12px 0}.offices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;padding-top:14px;border-top:1px solid #82901d}.offices b{font:600 14px var(--head)}.offices p{font-size:13px;line-height:1.45;margin-top:5px}.contact form{align-self:center}.foot-inner>.source-open{font-size:12px}.full-contact .fields select{width:100%}
.archive-dialog{width:min(1000px,96vw);max-width:96vw;max-height:94svh;color:var(--light);background:#151710;border-color:#535c46;padding:0}.archive-shell{display:flex;flex-direction:column;height:min(88svh,890px);min-height:250px}.archive-shell>header{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;gap:14px}.archive-shell>header .eyebrow{color:var(--green);font-size:9px}.archive-shell h2{font-size:clamp(20px,2.3vw,35px);margin-top:4px;letter-spacing:-.035em}.archive-close,.archive-controls>button{min-width:37px;min-height:37px;border:1px solid #667255;border-radius:22px}.archive-close{font:25px/1 Arial}.archive-viewport{position:relative;flex:1;min-height:0;overflow:auto;background:#090a07;overscroll-behavior:contain;display:flex;align-items:center;justify-content:center}.archive-viewport img{height:100%;width:100%;object-fit:contain;display:block}.archive-viewport.zoomed{display:block}.archive-viewport.zoomed img{width:max(140%,1100px);max-width:none;height:auto;object-fit:initial}.archive-controls{padding:10px 15px;display:flex;gap:10px;align-items:center}.archive-controls label{display:flex;gap:10px;align-items:center;flex:1;min-width:0}.archive-controls label span{font:10px var(--mono);white-space:nowrap;color:var(--green)}.archive-controls select{max-width:100%;min-width:0}.archive-controls>button:last-child{padding-inline:12px;font-size:12px}.archive-controls>button:disabled{opacity:.3;cursor:default}
@media(max-width:950px){.crew{grid-template-columns:repeat(3,minmax(0,1fr))}.spread,.project-layout,.project-page.flipped .project-layout{gap:4%}.service-desk{gap:20px}.person-copy .eyebrow{font-size:8px}.foot-inner{gap:15px}.project-info h3{font-size:clamp(38px,5.1vw,57px)}}
@media(max-width:700px){
.topnav.open{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.navcta{min-height:38px}.chapter,.culture-pane,.service-intro,.expertise,.growth,.more-work,.book-title{padding:40px 0 46px}.spread,.team-lead,.culture-grid,.service-intro .spread,.service-desk,.project-layout,.project-page.flipped .project-layout{grid-template-columns:minmax(0,1fr);gap:23px}.spread h2,.team-lead h2,.book h2{font-size:clamp(45px,11.4vw,76px)}.culture-grid h2,.growth h2{font-size:clamp(40px,10vw,65px)}.longcopy,.standfirst{font-size:16px;margin-top:16px}.hero-foot .source-open{font-size:8px}.about-art{max-height:300px}.spread .eyebrow,.team-lead .eyebrow,.culture-grid .eyebrow{margin-bottom:12px}.team-lead{grid-template-columns:minmax(0,1fr) minmax(72px,.35fr);gap:4px;align-items:center;margin-bottom:24px}.team-lead h2{font-size:clamp(36px,8.5vw,56px)}.team-lead .eyebrow{font-size:8px;letter-spacing:.05em}.team-lead .standfirst{font-size:15px}.team-banner{align-self:center;max-height:145px}.crew{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.person h3{font-size:21px}.person-photo{aspect-ratio:.9}.person-copy{padding-top:9px}.person-copy .eyebrow{font-size:8px;letter-spacing:.035em;white-space:normal}.photo-id{font-size:8px;top:7px;left:7px}.bio summary{font-size:13px;min-height:36px}.bio p{font-size:14px}.culture-photo,.culture-photo img{max-height:340px}.office-strip{margin-top:15px}.service-intro{padding-bottom:0}.service-intro .spread{grid-template-columns:1fr .6fr;gap:0}.service-intro h2{font-size:clamp(37px,7.9vw,62px)}.service-intro .spread>div{padding-bottom:25px}.service-lion{height:clamp(140px,44vw,300px)}.service-jump{margin-top:18px}.service-jump .button{padding:11px 13px;font-size:12px;gap:8px}.expertise-head,.book-title-line{display:block}.expertise-head>p,.book-title-line>p{margin-top:13px;max-width:44ch;font-size:16px}.service-desk{margin-top:19px;gap:15px}.service-tabs{display:grid;grid-template-columns:1fr 1fr;border:0;gap:5px}.service-tab{border:1px solid #b5b9a7!important;padding:9px 6px;min-height:43px;gap:6px;font-size:14px}.service-tab b{display:none}.service-tab span{font-size:8px}.svc-panel{padding:14px}.svc-top{grid-template-columns:minmax(0,1.35fr) minmax(72px,.65fr)}.svc-top h3{font-size:clamp(26px,6.6vw,37px);margin-top:8px}.svc-art{height:110px}.deliverables{gap:12px;grid-template-columns:1fr}.plans{grid-template-columns:1fr}.plans article{display:grid;grid-template-columns:.5fr 1fr;column-gap:8px}.plans small{grid-column:1/-1;min-height:0}.plans ul{font-size:14px}.growth-art img{max-height:310px}.growth-art .source-open{right:13%;font-size:11px}.cta-row{gap:10px;margin-top:20px}
.case-tools>.wrap{padding-inline:var(--gutter);gap:6px;height:46px}.case-tools label{font-size:8px;letter-spacing:.04em}.case-tools select{font-size:13px;min-width:0;max-width:57%;min-height:34px;flex:1}.case-nav{gap:4px}.case-nav a{width:30px;min-width:30px;height:30px}.project-page{min-height:calc(100svh - var(--nav) - 46px);padding:29px 0 21px}.project-folio{font-size:8px;letter-spacing:.09em;margin-bottom:18px}.project-layout{gap:16px}.flipped .project-info{order:0}.project-no{font-size:21px;padding-bottom:8px}.project-info h3{font-size:clamp(39px,10.6vw,60px)}.tags{margin-top:12px;gap:4px}.tags span{font-size:11px;padding:3px 7px}.project-desc{font-size:16px;margin-top:13px}.project-link{font-size:13px;margin-top:9px}.project-art img{height:auto;max-height:min(84vw,390px);width:100%;object-fit:contain}.project-art figcaption{justify-content:flex-start}.project-art .source-open{font-size:12px;min-height:33px}.more-art img{max-height:330px}.full-contact .coffee-mark{width:68px}.offices{gap:12px}.foot-inner>span{text-align:right}.foot-inner>.source-open{justify-self:end}.foot-inner .backtop{text-align:left}.archive-shell{height:83svh}.archive-shell>header{padding:10px}.archive-controls{padding:9px;gap:4px;flex-wrap:wrap}.archive-controls label{flex-direction:column;align-items:stretch;gap:3px}.archive-controls label span{font-size:8px}.archive-controls>button{min-width:30px;min-height:34px}.archive-controls select{font-size:12px;width:100%}.archive-controls>button:last-child{padding:3px 7px;font-size:10px}.hero-sub .wide-break{display:none}
}
@media(max-width:360px){.service-tab{font-size:12px}.person h3{font-size:18px}.person-copy .eyebrow{font-size:7px}.book-title-line>p{white-space:normal}}
.keep-case{text-transform:none}
/* Portfolio filters, team portraits and agency figures. */
.about-art img{object-fit:contain;object-position:right bottom}
.agency-signature{display:grid;grid-template-columns:.92fr 1.25fr;gap:5%;align-items:center;border-block:1px solid #a5a99a;margin-top:clamp(32px,4vw,68px);padding:24px 0 26px}
.signature-line{font:600 clamp(22px,2.25vw,39px)/1.13 var(--head);letter-spacing:-.045em}.signature-line em{font-style:normal}
#ajans #about-title em, #ajans .signature-line em {color:var(--green);}
.agency-metrics{display:grid;grid-template-columns:1fr 1.1fr .92fr;gap:clamp(12px,2vw,40px);margin:0}.agency-metrics>div{border-left:1px solid #bfc3b1;padding-left:clamp(10px,1.8vw,30px)}.agency-metrics dt{font:600 clamp(28px,3.2vw,61px)/1.05 var(--head);letter-spacing:-.06em}.agency-metrics dt span{color:#64740c}.agency-metrics dd{font-size:clamp(12px,1.1vw,17px);line-height:1.3;margin:6px 0 0}
.person-photo{aspect-ratio:1;background:#c8c8bc}.person-photo:before,.person-photo:after{content:none}.person-photo img{height:100%;width:100%;object-fit:cover;object-position:center}
.svc-actions{padding-top:15px;justify-content:flex-end}.svc-actions .service-quote{font-size:15px;padding:13px 22px;min-height:45px;gap:25px;border:1px solid #9cae19}.book-title-line{align-items:center}.book-title-line>p{white-space:normal;max-width:33ch;color:#d8dccd}
.portfolio-filters{margin-top:clamp(28px,3vw,52px);padding:clamp(18px,2.2vw,36px);color:#eef0e6;background:#1b1f16;border:1px solid #414937;scroll-margin-top:12px}
.filter-top h3{margin:0;font:600 clamp(21px,2vw,32px)/1.12 var(--head);letter-spacing:-.035em}.filter-top p{margin-top:7px;color:#c6cbbd;font-size:15px}
.filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.filter-chip{background:transparent;border:1px solid #656e5a;border-radius:30px;color:#e4e9da;padding:8px 14px;min-height:40px;font:400 15px/1.15 var(--body);transition:background .18s,color .18s,border-color .18s}.filter-chip:hover{border-color:#bbce8f}.filter-chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#111509}
.filter-summary{border-top:1px solid #3e4737;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.filter-summary>span{color:#d6dfc3;font-size:13px}.filter-summary button{font-size:13px;text-underline-offset:3px;text-decoration:underline;min-height:36px;padding:6px 1px}.filter-summary button:disabled{color:#969e8a;cursor:default;text-decoration:none}.back-filters{font-size:14px;display:inline-flex;align-items:center;gap:7px;color:var(--green);padding-right:14px;border-right:1px solid #56624b}.back-filters:hover{text-decoration:underline;text-underline-offset:3px}
.project-page[hidden],.case-tools[hidden],.no-matches[hidden]{display:none}.no-matches{background:#e9ece0;color:#10150c;text-align:center;padding:45px var(--gutter) 55px}.no-matches p{font-size:20px;margin-bottom:16px}.project-art img{height:clamp(280px,33.5vw,590px)}.project-info .tags{margin-top:18px}
@media(max-width:850px){.agency-signature{grid-template-columns:1fr;gap:21px}.agency-metrics>div:first-child{border:0;padding-left:0}}
@media(max-width:700px){.agency-signature{margin-top:27px;padding:17px 0;gap:17px}.signature-line{font-size:23px}.agency-metrics dt{font-size:clamp(23px,6vw,39px)}.agency-metrics dd{font-size:12px}.agency-metrics{gap:5px;grid-template-columns:.88fr 1.04fr 1fr}.agency-metrics>div{padding-left:8px}.person-photo{aspect-ratio:1}.svc-actions .service-quote{width:100%}.portfolio-filters{padding:15px;margin-top:21px}.filter-top p{font-size:14px}.filter-chips{gap:5px;margin:15px 0}.filter-chip{font-size:13px;min-height:38px;padding:6px 10px}.filter-summary{padding-top:5px}.case-tools>.wrap{gap:8px}.back-filters{font-size:13px;padding-right:8px;gap:2px}.case-tools select{max-width:none;min-width:35px}.case-tools label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.project-art img{height:auto}.project-info .tags{margin-top:12px}.book-title-line>p{max-width:36ch}.about-art img{height:100%}}

/* Project images and copy meet at the centre fold. */
.project-page {
  --project-ink:#111;
  --project-button-ink:#fff;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:stretch;
  align-items:stretch;
  padding:0;
  min-height:0;
  scroll-margin-top:50px;
}
.project-page.is-dark {
  background:#000;
  color:#fff;
  --rule:#555;
  --faint:#bbb;
  --tag:#777;
  --project-ink:var(--green);
  --project-button-ink:#10140b;
}
.project-page .project-art {
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:4 / 5;
  min-width:0;
  overflow:hidden;
  margin:0;
  background:#282d21;
}
.project-page .project-art img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
}
.project-page .project-info {
  min-width:0;
  align-self:center;
  padding:clamp(32px,4.6vw,100px);
}
.project-kicker {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 clamp(18px,1.8vw,32px);
  color:var(--faint);
  font:400 11px / 1.4 var(--mono);
  letter-spacing:.075em;
}
.project-kicker::before {
  content:"";
  width:22px;
  height:1px;
  flex:none;
  background:currentColor;
}
.project-info h3 {
  color:#000;
  font-size:clamp(38px,5.1vw,99px);
  line-height:.99;
  letter-spacing:-.05em;
}
.project-page.is-dark .project-info h3 { color:var(--green); }
.project-info .project-desc {
  max-width:38ch;
  margin:clamp(16px,1.8vw,28px) 0 0;
  font-size:clamp(17px,1.45vw,24px);
}
.project-info .tags { margin-top:clamp(15px,1.65vw,27px); }
.project-info .project-link {
  min-height:46px;
  display:inline-flex;
  align-items:center;
  gap:clamp(16px,1.7vw,28px);
  margin-top:clamp(23px,2.4vw,38px);
  padding:12px 19px;
  border:1px solid transparent;
  border-radius:40px;
  background:var(--project-ink);
  color:var(--project-button-ink);
  font:600 15px / 1.25 var(--head);
  text-decoration:none;
}
.project-info .project-link:hover { text-decoration:underline; text-underline-offset:4px; }
.project-info .project-link .arrow { width:17px; height:17px; }
.case-tools>.wrap { height:50px; }
.case-nav a { width:44px; min-width:44px; height:44px; }
.case-tools select { font-size:16px; min-height:40px; }
.menu-trigger { min-height:44px; min-width:44px; }
@media (min-width:701px) {
  .project-page.is-dark > .project-info { order:-1; }
}
@media (max-width:700px) {
  .project-page { grid-template-columns:minmax(0,1fr); min-height:0; }
  .project-page .project-info { padding:26px var(--gutter) 36px; }
  .project-info h3 { font-size:clamp(37px,9.8vw,62px); }
  .project-kicker { font-size:10px; margin-bottom:13px; }
  .project-info .project-desc { font-size:17px; margin-top:12px; max-width:100%; }
  .project-info .tags { margin-top:13px; }
  .project-info .tags span { font-size:12px; }
  .project-info .project-link { margin-top:21px; }
  .topnav.open { max-height:calc(100dvh - var(--nav)); overflow-y:auto; }
  .navcta,.bio summary,.filter-chip { min-height:44px; }
}
.person-copy .bio p { overflow-wrap:anywhere; }

/* The opening cover is built from the catalogue's own print artwork. */
.cover {
  overflow:hidden;
  color:#10120b;
  background:radial-gradient(ellipse at 74% 38%,#d6e758 0%,#bfd539 37%,#b3cc19 71%);
}
.cover::before {
  position:absolute;
  content:"";
  width:80%;
  aspect-ratio:1;
  top:57%;
  left:-36%;
  border-radius:50%;
  background:linear-gradient(132deg,#f1f7a161 0%,#e6f07428 44%,#a9c01700 70%);
  pointer-events:none;
}
.cover::after {
  position:absolute;
  content:"";
  z-index:0;
  inset:0;
  background:url('assets/grain.svg') repeat;
  opacity:.12;
  mix-blend-mode:multiply;
  pointer-events:none;
}
.cover .cover-inner {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);
  align-items:center;
  gap:0;
  min-height:clamp(500px,43.5vw,740px);
  padding-block:clamp(20px,2.2vw,40px);
}
.cover .cover-copy { padding-block:clamp(22px,3.6vw,65px); container-type:inline-size; min-width:0; }
.cover .hero-label { color:#26300b; }
.cover .status-dot { background:#1b230b;box-shadow:none; }
.cover .slash { color:#4b5a16; }
.cover-title {
  position:relative;
  width:max-content;
  max-width:100%;
  margin:clamp(25px,2.4vw,43px) 0 clamp(23px,2.1vw,38px) -.045em;
  font-size:clamp(36px,5.6vw,102px);
  font-size:clamp(30px,12.5cqi,104px);
  letter-spacing:-.035em;
  line-height:1.04;
}
.cover-first,.cover-second {display:block;width:max-content;max-width:100%;}
.cover-first { font-weight:700; }
.cover-second { position:relative; letter-spacing:-.018em; }
.cover-ink,.cover-sketch {
  display:block;
  font:inherit;
  font-weight:300;
  letter-spacing:inherit;
  line-height:inherit;
}
.cover-ink {position:relative;color:#10120b;}
.cover-sketch {
  position:absolute;
  inset:0;
  opacity:0;
  color:transparent;
  -webkit-text-stroke:1.2px #19220b;
}
.cover .hero-sub {color:#303819;line-height:1.44;}
.cover .hero-actions .button.dark {color:var(--green);}
.cover .cover-art {
  position:relative;
  isolation:isolate;
  align-self:stretch;
  width:100%;
  min-height:0;
  max-height:none;
  height:auto;
  margin:0;
  overflow:visible;
}
.cover-disc {
  position:absolute;
  width:107%;
  aspect-ratio:1;
  border-radius:50%;
  top:47%;
  left:58%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 28% 22%,#f1f6a7 0%,#ddea75 33%,#c1d637 68%,#a8c020 100%);
  box-shadow:inset 1px 1px 2px #f0f6b557;
  pointer-events:none;
}
.cover-object {position:absolute;inset:0 -1% 0 13%;transform:translateY(calc(var(--move,0px) * .55));}
.cover-object picture {display:contents;}
.cover-object img {width:100%;height:100%;object-fit:contain;filter:drop-shadow(5px 14px 12px #2c3c002f);}
.cover-at {
  position:absolute;
  left:-3%;
  top:6%;
  width:clamp(78px,9.4vw,168px);
  transform:translateY(calc(var(--move,0px) * -.5)) rotate(-10deg);
}
.cover-at img {width:100%;height:auto;filter:drop-shadow(-3px 9px 8px #32350036);}
.cover + .ticker {color:var(--green);background:#10120b;}
@media (prefers-reduced-motion:no-preference) {
  .cover-first {animation:cover-first-in 720ms cubic-bezier(.16,.77,.23,1) both;}
  .cover-sketch {animation:cover-sketch-in 1050ms ease-out 120ms both;}
  .cover-ink {animation:cover-draw-in 820ms cubic-bezier(.22,.68,.22,1) 280ms both;}
  .cover-object img {animation:cover-object-in 1040ms cubic-bezier(.15,.76,.20,1) both;}
  .cover-at img {animation:cover-at-in 880ms cubic-bezier(.18,.78,.2,1) 75ms both;}
  @keyframes cover-first-in {from{opacity:.08;transform:translateY(.36em) rotate(-2deg);}to{opacity:1;transform:none;}}
  @keyframes cover-sketch-in {0%{opacity:0;}19%,64%{opacity:.75;}100%{opacity:0;}}
  @keyframes cover-draw-in {from{clip-path:inset(-30% 106% -35% -8%);}to{clip-path:inset(-30% -8% -35% -8%);}}
  @keyframes cover-object-in {from{opacity:.18;transform:translateY(20px) rotate(4deg) scale(.94);}to{opacity:1;transform:none;}}
  @keyframes cover-at-in {from{opacity:0;transform:translate(-12px,8px) rotate(-24deg) scale(.88);}to{opacity:1;transform:none;}}
}
@media (max-width:1000px) and (min-width:701px) {
  .cover .cover-inner {min-height:440px;}
}
@media (max-width:700px) {
  .cover .cover-inner {grid-template-columns:minmax(0,1fr);padding-block:0;min-height:0;}
  .cover .cover-copy {padding:30px 0 10px;}
  .cover-title {margin:21px 0 19px -.04em;}
  .cover .hero-sub {max-width:38ch;}
  .cover .hero-actions {margin-top:17px;}
  .cover .cover-art {justify-self:center;width:min(100%,470px);height:clamp(242px,65vw,360px);margin-block:3px 12px;}
  .cover-disc {width:93%;left:64%;top:60%;}
  .cover-object {inset:0 1% 0 16%;}
  .cover-at {width:clamp(64px,18vw,90px);left:3%;top:19%;}
  .cover::before {width:150%;left:-66%;top:25%;}
}
@media (prefers-reduced-motion:reduce) {
  .cover-object {transform:none;}
  .cover-at {transform:rotate(-10deg);}
}

/* The six disciplines form the top index of an illustrated service spread. */
.service-atlas {
  padding:clamp(36px,4.3vw,76px) 0 clamp(48px,6vw,98px);
  --atlas-black:#10110e;
}
.service-atlas .section-marker { margin-bottom:clamp(19px,2.4vw,38px); }
.atlas-titlebar {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:clamp(23px,2.5vw,40px);
}
.atlas-titlebar h2 { font:600 clamp(44px,4.8vw,86px)/1.01 var(--head); letter-spacing:-.054em; }
.atlas-titlebar h2 em { font-style:normal; color:var(--green); }
.atlas-titlebar p { max-width:30ch; margin:0 0 2px; color:#474b40; font-size:clamp(15px,1.17vw,19px); line-height:1.43; }
.atlas-index {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  border:1px solid #a7ad9a;
  background:#fbfbf6;
}
.atlas-index .atlas-tab {
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:clamp(8px,1vw,16px) 8px;
  align-content:start;
  align-items:center;
  min-width:0;
  min-height:82px;
  padding:12px clamp(9px,1.2vw,21px) 14px;
  color:#171b10;
  background:transparent;
  border:0!important;
  border-radius:0;
  box-shadow:inset -1px 0 #c0c4b7;
  text-align:left;
}
.atlas-index .atlas-tab:last-child { box-shadow:none; }
.atlas-index .atlas-tab-index { grid-column:1; color:#626a55; font:10px/1 var(--mono); letter-spacing:.06em; }
.atlas-index .atlas-tab strong { display:block; grid-column:1/-1; grid-row:2; font:600 clamp(14px,1.26vw,22px)/1.15 var(--head); letter-spacing:-.026em; }
.atlas-tab i { grid-column:2; grid-row:1; width:8px; height:8px; border:1px solid #8e9583; border-radius:50%; }
.atlas-index .atlas-tab[aria-selected=true] { color:#12150b; background:var(--green); box-shadow:inset 0 -4px #14180c; }
.atlas-index .atlas-tab[aria-selected=true] .atlas-tab-index {color:#343d0b;}
.atlas-index .atlas-tab[aria-selected=true] i { background:#13160c; border-color:#13160c; }
.atlas-index .atlas-tab:hover:not([aria-selected=true]) { background:#e7ebdd; }
.atlas-index .atlas-tab:focus-visible { z-index:1; outline-offset:-4px; }
.atlas-panels { margin-top:12px; }
.atlas-card { color:#eef1e6; background:var(--atlas-black); }
.atlas-card[hidden] { display:none; }
.atlas-spread { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); }
.atlas-poster {
  position:relative;
  min-width:0;
  min-height:clamp(290px,25vw,450px);
  isolation:isolate;
  overflow:hidden;
  color:#374400;
  background:radial-gradient(ellipse at 76% 16%,#e6ee99,#c9dc59 53%,#afc724);
}
.atlas-poster::after {
  content:"";
  position:absolute;
  inset:0;
  background:url('assets/grain.svg') repeat;
  mix-blend-mode:multiply;
  opacity:.12;
  pointer-events:none;
}
.poster-meta { position:absolute;z-index:2;inset:15px 18px auto;display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px/1.2 var(--mono);letter-spacing:.1em; }
.poster-meta b { color:#535d26; margin:0 2px; }
.poster-numeral {
  position:absolute;left:-.06em;top:.08em;
  font:600 clamp(140px,15vw,275px)/1 var(--head);
  letter-spacing:-.11em;
  color:transparent;
  -webkit-text-stroke:1px #4e5d143d;
}
.poster-orbit { position:absolute; width:95%; aspect-ratio:1; left:20%; top:19%; border:1px solid #6e811b55; border-radius:50%; }
.poster-orbit::after { content:"";position:absolute;inset:8%;border-radius:inherit;border:1px solid #64771b2e; }
.atlas-poster img {
  position:absolute;z-index:1;inset:11% 5% 0;
  width:90%;height:89%;object-fit:contain;object-position:center bottom;
}
#panel-dijital-pazarlama .atlas-poster img { left:0; width:96%; object-position:left bottom; }
#panel-sosyal-medya .atlas-poster img,#panel-marka-tasarimi .atlas-poster img,#panel-web-tasarim .atlas-poster img { inset:13% 6% 7%;height:80%;width:88%;object-position:center; }
.atlas-story {
  min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  padding:clamp(24px,3vw,56px);
}
.atlas-overline { display:flex;align-items:center;gap:9px;margin:0 0 15px;color:#c2d46e;font:400 11px/1.35 var(--mono);letter-spacing:.045em; }
.atlas-overline i { display:block;width:15px;height:2px;flex:none;background:var(--green); }
.atlas-story h3 { margin:0;max-width:20ch;font:600 clamp(30px,3.05vw,56px)/1.04 var(--head);letter-spacing:-.042em; }
.atlas-description { max-width:59ch;margin-top:15px;font:400 clamp(15px,1.16vw,20px)/1.48 var(--body);letter-spacing:-.01em;color:#d5dacd; }
.atlas-description p+p { margin-top:8px; }
.atlas-quote { min-height:44px;margin-top:clamp(18px,1.8vw,30px); }
.atlas-details { background:#fcfcf7;border:1px solid #afb5a4;color:#171b10; }
.atlas-details summary {
  cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 20px;min-height:49px;list-style:none;
  font:600 clamp(16px,1.3vw,22px)/1.25 var(--head);letter-spacing:-.02em;
}
.atlas-details summary::-webkit-details-marker { display:none; }
.atlas-details summary i { position:relative;flex:none;width:19px;height:19px; }
.atlas-details summary i::before,.atlas-details summary i::after { content:"";position:absolute;left:2px;top:9px;width:15px;height:1.5px;background:currentColor; }
.atlas-details summary i::after { transform:rotate(90deg); }
.atlas-details[open] summary i::after { transform:none; }
.atlas-details dl { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 24px;margin:0;padding:5px 20px 23px; }
.atlas-details dl>div { border-top:1px solid #c8cebd;padding-top:10px; }
.atlas-details dt { font:600 15px/1.25 var(--head); }
.atlas-details dd { font:400 14px/1.48 var(--body);color:#4b5142;margin:5px 0 0; }

@media(prefers-reduced-motion:no-preference) {
  .atlas-card:not([hidden]) .atlas-poster img { animation:atlas-art-in .38s cubic-bezier(.2,.72,.25,1) backwards; }
  @keyframes atlas-art-in { from{transform:translateY(7px);opacity:.45} to{transform:none;opacity:1} }
}
@media(max-width:940px) {
  .atlas-titlebar { align-items:center;gap:18px; }
  .atlas-titlebar h2 { max-width:10.5em; }
  .atlas-titlebar p { max-width:26ch; }
  .atlas-index { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .atlas-index .atlas-tab {min-height:54px;display:flex;align-items:center;gap:9px;padding:10px;box-shadow:inset -1px -1px #c0c4b7;}
  .atlas-index .atlas-tab i {margin-left:auto;flex:none;}
  .atlas-index .atlas-tab strong {font-size:15px;}
  .atlas-details dl {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px) {
  .service-atlas {padding:34px 0 44px;}
  .service-atlas .section-marker {margin-bottom:18px;}
  .atlas-titlebar {display:block;margin-bottom:18px;}
  .atlas-titlebar h2 {max-width:100%;font-size:clamp(38px,8.8vw,60px);line-height:1.02;}
  .atlas-titlebar p {max-width:42ch;margin-top:10px;font-size:15px;}
  .atlas-index {grid-template-columns:repeat(2,minmax(0,1fr));}
  .atlas-index .atlas-tab {min-height:49px;padding:8px;gap:6px;}
  .atlas-index .atlas-tab strong {font-size:clamp(13px,3.4vw,17px);}
  .atlas-index .atlas-tab-index {font-size:9px;}
  .atlas-tab i {width:6px;height:6px;}
  .atlas-panels {margin-top:9px;}
  .atlas-spread {grid-template-columns:minmax(0,1fr);}
  .atlas-poster {min-height:0;aspect-ratio:1.85;}
  .atlas-poster img {inset:7% 4% 0;width:92%;height:93%;}
  #panel-dijital-pazarlama .atlas-poster img {width:86%;left:7%;object-position:center bottom;}
  .poster-meta {inset:11px 12px auto;font-size:8px;}
  .poster-numeral {font-size:clamp(100px,33vw,175px);}
  .atlas-story {padding:20px 17px 22px;}
  .atlas-overline {margin-bottom:10px;font-size:10px;}
  .atlas-story h3 {max-width:95%;font-size:clamp(27px,6.7vw,40px);}
  .atlas-description {font-size:16px;margin-top:12px;line-height:1.43;}
  .atlas-quote {margin-top:18px;}
  .atlas-details summary {padding:13px 14px;font-size:16px;}
  .atlas-details dl {grid-template-columns:1fr;gap:12px;padding:0 14px 16px;}
  
}
.atlas-story h3 em {display:block;font-style:normal;color:var(--green);}

/* The receipt borrows the folio line and coffee illustration from the contact spread. */
#briefForm fieldset.fields { margin:0; min-inline-size:0; border:0; padding-inline:0; padding-bottom:0; }
#briefNote a { font-weight:600; text-decoration:underline; text-underline-offset:.16em; }
#briefSubmit:disabled { cursor:wait; opacity:.7; }
#briefForm .brief-receipt {
  width:min(28rem,calc(100% - 2rem)); max-height:calc(100svh - 2rem);
  margin:auto; border:1px solid #45483b; border-radius:8px; padding:0;
  background:var(--black); color:var(--light); color-scheme:dark;
  box-shadow:0 22px 90px #0006; overscroll-behavior:contain;
}
.brief-receipt::backdrop { background:#080a06bb; backdrop-filter:blur(4px); }
body:has(.brief-receipt[open]) { overflow:hidden; }
.brief-receipt-head {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:8px 14px; border-bottom:1px solid #3e4433; padding:16px clamp(20px,5vw,34px);
  font:400 10px/1.4 var(--mono); letter-spacing:.075em; text-transform:uppercase; color:#d1d5c7;
}
.brief-receipt-head span:last-child { color:var(--green); }
.brief-receipt-body { padding:clamp(20px,5vw,34px); }
.brief-cup { display:block; width:68px; color:var(--green); margin-bottom:18px; }
.brief-receipt h3 { font:600 clamp(30px,7.5vw,46px)/1.01 var(--head); letter-spacing:-.055em; }
.brief-receipt h3 em { color:var(--green); font-style:normal; font-weight:300; }
.brief-receipt-body p { font:400 17px/1.45 var(--body); color:#dbddd4; margin:17px 0 24px; }
.brief-receipt .button { min-height:44px; }
@media (prefers-reduced-motion:no-preference) {
  .brief-receipt[open] { animation:brief-arrive .26s ease-out; }
  @keyframes brief-arrive { from { opacity:0; transform:translateY(8px) } to { opacity:1; transform:none } }
}