:root{--ink:#111113;--paper:#f0eee9;--blue:#235cff;--lime:#d7ff00;--orange:#ff633a;--muted:#85847f;--line:rgba(240,238,233,.18);--mono:'DM Mono',monospace;--display:'Space Grotesk',sans-serif;--body:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);overflow-x:hidden}body.menu-open{overflow:hidden}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.cursor{position:fixed;z-index:50;width:14px;height:14px;border-radius:50%;background:var(--lime);pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .2s,height .2s}.cursor.hover{width:46px;height:46px}.topbar{height:88px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:30}.wordmark{font:700 31px var(--display);letter-spacing:-3px;color:var(--paper);text-decoration:none}.wordmark span{font:500 11px var(--body);letter-spacing:0;vertical-align:top;margin-left:3px}.top-center,.eyebrow,.hero-kicker,.hero-index,.nav-actions,.scroll-cue,.project-meta p,.project-number,.art-caption,.ctrl-small,.photo-mark,.footer-bottom,.footer-status,.modal-foot{font:10px var(--mono);letter-spacing:.08em}.top-center{display:flex;align-items:center;gap:9px;color:#aaa9a4}.status-dot,.footer-status i{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime);display:inline-block;animation:pulse 1.7s infinite}.header-actions{display:flex;align-items:center;gap:29px}.nav-actions{display:flex;align-items:center;gap:29px}.nav-actions a{color:var(--paper);text-decoration:none}.nav-actions a:hover{color:var(--lime)}.contact-link span{color:var(--lime);font-size:16px}.lang-switch{display:flex;align-items:center;gap:7px;color:#686762;font:10px var(--mono)}.lang-switch button{border:0;background:none;padding:4px 1px;color:#777;font:10px var(--mono);cursor:pointer}.lang-switch button.active,.lang-switch button:hover{color:var(--lime)}.menu-toggle{display:none}.hero{min-height:calc(100vh - 88px);padding:40px 9vw 47px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-kicker{display:flex;justify-content:space-between;color:var(--muted)}.hero-title-wrap{position:relative;margin:auto 0}.hero h1{font:600 clamp(64px,10.7vw,158px)/.91 var(--display);letter-spacing:-.085em;margin:58px 0 65px;position:relative;z-index:2}.hero h1 em,.section-heading h2 em,.manifesto h2 em,.footer-cta em{color:var(--lime);font-style:normal}.hero-orbit{position:absolute;right:10%;top:4%;width:min(27vw,340px);aspect-ratio:1;border:1px solid rgba(215,255,0,.26);border-radius:50%;display:grid;place-items:center;animation:orbit 24s linear infinite}.orbit-ring{position:absolute;inset:15%;border:1px dashed rgba(215,255,0,.45);border-radius:50%}.orbit-core{width:36%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font:700 clamp(26px,4vw,58px) var(--display);letter-spacing:-.09em;animation:orbit 24s linear infinite reverse}.orbit-label{position:absolute;right:-23px;bottom:24%;font:9px/1.5 var(--mono);color:var(--lime);transform:rotate(90deg);letter-spacing:.1em}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}.hero-bottom p{max-width:325px;color:#a5a49f;font-size:13px;line-height:1.8;margin:0}.scroll-cue{display:flex;align-items:center;justify-content:center;gap:19px;color:var(--paper);text-decoration:none}.scroll-cue b{font-size:20px;color:var(--lime);animation:bob 1.5s infinite}.hero-spark{position:absolute;color:var(--orange);font-size:28px}.spark-a{left:7%;top:37%;animation:spin 12s linear infinite}.spark-b{right:9%;bottom:28%;color:var(--blue);font-size:19px;animation:spin 8s linear infinite}.ticker{background:var(--lime);color:var(--ink);transform:rotate(-1.1deg) scale(1.02);overflow:hidden;padding:15px 0;white-space:nowrap}.ticker-track{animation:ticker 28s linear infinite;width:max-content}.ticker span{font:600 13px var(--mono);letter-spacing:.12em}.ticker b{padding:0 30px;font-size:16px}.section{padding:145px 9vw}.work{padding-bottom:155px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:61px}.eyebrow{color:var(--muted)}.section-heading h2{font:600 clamp(52px,7.2vw,100px)/.92 var(--display);letter-spacing:-.075em;margin:25px 0 0}.section-heading>p{max-width:260px;color:#aaa9a4;font-size:13px;line-height:1.8;margin:0 0 7px}.filters{display:flex;gap:28px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:25px}.filter{color:#777;background:none;border:0;padding:0;font:10px var(--mono);letter-spacing:.08em;cursor:pointer}.filter:hover,.filter.active{color:var(--lime)}.filter sup{font-size:8px;color:var(--orange);margin-left:4px}.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;row-gap:63px}.project{min-width:0;cursor:pointer;transition:transform .35s,opacity .35s}.project:hover{transform:translateY(-5px)}.project.hidden{display:none}.project-large{grid-column:1;grid-row:span 1}.project-offset{margin-top:130px}.project-wide{grid-column:1 / -1;width:72%;margin:0 auto}.project-photo{width:78%;margin-left:auto}.project-art{aspect-ratio:1.16;position:relative;overflow:hidden}.project-large .project-art{aspect-ratio:1.13}.art-caption{position:absolute;bottom:7%;left:7%;font-size:8px}.art-star{position:absolute;right:9%;top:10%;font-size:42px;color:var(--orange);animation:spin 15s linear infinite}.art-ctrl{background:var(--orange);color:#141414}.ctrl-disc{position:absolute;width:69%;aspect-ratio:1;border:1px solid #111;right:-8%;top:15%;border-radius:50%;background:repeating-radial-gradient(circle,#181818 0 1px,#272727 2px 4px);display:grid;place-items:center;transition:transform .8s}.project:hover .ctrl-disc{transform:rotate(35deg)}.ctrl-disc:after{content:'';position:absolute;width:20%;aspect-ratio:1;background:var(--orange);border-radius:50%;border:1px solid #111}.ctrl-disc span{color:var(--paper);font:700 clamp(16px,2vw,27px)/.9 var(--display);z-index:1;transform:rotate(-15deg)}.ctrl-disc small{font:7px var(--mono)}.ctrl-type{position:absolute;left:8%;top:17%;font:700 clamp(44px,7vw,95px)/.72 var(--display);letter-spacing:-.1em}.ctrl-type i{font-style:normal;color:var(--paper)}.ctrl-sticker{position:absolute;bottom:13%;left:12%;background:var(--lime);border-radius:50%;width:84px;height:84px;display:grid;place-content:center;text-align:center;font:700 12px/.95 var(--display);transform:rotate(-14deg)}.ctrl-small{position:absolute;bottom:5%;right:6%;font-size:8px}.simits{position:absolute;bottom:15%;right:14%;display:flex;gap:-5px;transform:rotate(-23deg)}.simits i{width:72px;aspect-ratio:1;border:16px solid #b66f39;border-radius:50%;box-shadow:inset 0 0 0 3px #e3ab69,0 10px 14px #39220e33;margin-left:-8px}.art-photo{background:linear-gradient(180deg,#96c4c5 0%,#d8b690 57%,#5d473c 100%)}.photo-sun{position:absolute;top:12%;right:17%;width:23%;aspect-ratio:1;border-radius:50%;background:#f5c87b;box-shadow:0 0 60px #f5c87b66}.photo-mountain{position:absolute;bottom:-1%;width:100%;height:45%;background:linear-gradient(140deg,transparent 0 20%,#3e4840 21% 41%,transparent 42%),linear-gradient(220deg,transparent 0 26%,#51594a 27% 54%,#292e29 55%);clip-path:polygon(0 45%,24% 0,43% 55%,67% 8%,100% 60%,100% 100%,0 100%)}.photo-figure{position:absolute;bottom:18%;left:48%;width:11%;height:35%;background:#232525;clip-path:polygon(43% 0,59% 0,68% 15%,63% 27%,78% 34%,100% 100%,0 100%,29% 39%,39% 26%,34% 12%);z-index:1}.photo-mark{position:absolute;top:7%;left:7%;font-size:8px;color:#19201c}.photo-frame{position:absolute;bottom:9%;right:7%;color:var(--paper);font:700 clamp(18px,3vw,33px)/.85 var(--display);text-align:right;z-index:2;letter-spacing:-.05em}.project-meta{display:flex;justify-content:space-between;align-items:start;padding-top:14px}.project-meta h3{font:500 21px var(--display);letter-spacing:-.04em;margin:0 0 7px}.project-meta h3 span{color:var(--lime);opacity:0;transition:opacity .2s}.project:hover .project-meta h3 span{opacity:1}.project-meta p{color:var(--muted);font-size:8px;margin:0}.project-number{color:#777;font-size:9px;padding-top:4px}.manifesto{min-height:760px;background:var(--blue);position:relative;overflow:hidden;padding-top:120px;padding-bottom:105px}.manifesto .eyebrow{color:#c1d0ff}.manifesto-mark{position:absolute;right:12%;top:11%;font-size:210px;color:var(--lime);opacity:.9;animation:spin 40s linear infinite}.manifesto h2{font:600 clamp(60px,9vw,125px)/.9 var(--display);letter-spacing:-.08em;margin:80px 0 60px;position:relative}.manifesto h2 em{color:var(--lime)}.manifesto-bottom{display:flex;justify-content:space-between;align-items:end}.manifesto-bottom p{max-width:440px;font-size:14px;line-height:1.9;color:#d3dcff;margin:0}.round-link{width:120px;height:120px;border:1px solid #b9caff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:var(--paper);text-decoration:none;font:8px var(--mono);transition:background .3s,color .3s}.round-link b{font-size:19px;color:var(--lime)}.round-link:hover{background:var(--lime);color:var(--ink)}.round-link:hover b{color:var(--ink)}.manifesto-side{position:absolute;right:5%;top:52%;writing-mode:vertical-rl;font:8px/1.7 var(--mono);letter-spacing:.15em;color:#bacaff}.services{padding-top:140px;padding-bottom:140px}.services>.eyebrow{display:block;margin-bottom:43px}.service-row{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;border-top:1px solid var(--line);padding:24px 0;transition:color .2s}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row span{font:10px var(--mono);color:var(--muted)}.service-row h3{margin:0;font:500 clamp(24px,4vw,49px) var(--display);letter-spacing:-.05em}.service-row b{font:22px var(--body);font-weight:400;color:var(--muted);text-align:right}.service-row:hover{color:var(--lime)}.service-row:hover b{color:var(--lime);transform:translate(3px,-3px)}.footer{padding-top:58px;padding-bottom:30px;background:#1a1a1c}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-status{display:flex;align-items:center;gap:9px;color:#aaa}.footer-cta{display:flex;justify-content:space-between;align-items:end;text-decoration:none;color:var(--paper);font:600 clamp(58px,10vw,142px)/.88 var(--display);letter-spacing:-.08em;margin:75px 0 120px}.footer-cta b{font:400 45px var(--body);color:var(--lime);margin-bottom:10px;transition:transform .2s}.footer-cta:hover b{transform:translate(8px,-8px)}.footer-cta em{font-style:normal;color:var(--lime)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:8px}.footer-bottom .wordmark{color:var(--paper);font-size:25px}.socials{display:flex;gap:20px}.socials a{color:#aaa;text-decoration:none}.socials a:hover{color:var(--lime)}.project-modal{position:fixed;inset:0;z-index:60;background:var(--lime);color:var(--ink);display:grid;place-items:center;padding:30px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.project-modal.open{opacity:1;visibility:visible}.modal-inner{max-width:750px}.modal-inner h2{font:600 clamp(54px,10vw,120px)/.9 var(--display);letter-spacing:-.08em;margin:22px 0}.modal-inner p{max-width:520px;font-size:16px;line-height:1.8}.modal-close{position:absolute;right:5vw;top:30px;border:0;background:none;font-size:40px;cursor:pointer;color:var(--ink)}.modal-foot{position:absolute;bottom:35px;left:5vw}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}html[dir=rtl] .hero-title-wrap,html[dir=rtl] .section-heading,html[dir=rtl] .manifesto,html[dir=rtl] .footer-cta{text-align:right}html[dir=rtl] .photo-mark{left:auto;right:7%}html[dir=rtl] .photo-frame{right:auto;left:7%;text-align:left}html[dir=rtl] .manifesto-side{right:auto;left:5%}html[dir=rtl] .service-row{direction:rtl}html[dir=rtl] .project-meta{direction:rtl}html[dir=rtl] .project-photo{margin-left:0;margin-right:auto}@keyframes pulse{50%{opacity:.3;box-shadow:none}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(6px)}}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:800px){.topbar{height:72px;padding:0 6vw}.top-center{display:none}.header-actions,.nav-actions{gap:17px}.hero{min-height:80vh;padding:30px 7vw 38px}.hero h1{font-size:clamp(58px,12vw,100px);margin:70px 0 80px}.hero-orbit{right:2%;top:5%;width:31vw;opacity:.75}.section{padding:100px 7vw}.project-grid{column-gap:15px;row-gap:45px}.project-offset{margin-top:85px}.project-wide,.project-photo{width:100%}.section-heading{gap:25px}.section-heading>p{max-width:220px}.manifesto{min-height:650px}.manifesto-mark{font-size:150px;right:8%}.footer-bottom{flex-wrap:wrap;gap:20px}.footer-cta{margin:65px 0 90px}}@media(max-width:560px){.topbar{padding:0 5vw}.nav-actions{position:fixed;inset:72px 0 0;background:var(--ink);z-index:29;display:flex;flex-direction:column;justify-content:center;gap:30px;visibility:hidden;transform:translateX(100%);transition:transform .35s,visibility .35s}.menu-open .nav-actions{visibility:visible;transform:translateX(0)}.nav-actions a{font:500 24px var(--display)}.header-actions{gap:12px}.lang-switch button{font-size:13px;min-width:24px;min-height:36px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:10px;z-index:31}.menu-toggle span{width:23px;height:1px;background:var(--paper)}.hero{min-height:76vh;padding:25px 6vw 30px}.hero h1{font-size:clamp(54px,14vw,82px);margin:75px 0 90px}.hero-orbit{width:38vw;right:1%;top:0}.orbit-label{font-size:7px}.hero-kicker{font-size:8px}.hero-bottom{grid-template-columns:1fr auto;gap:20px}.hero-bottom p{font-size:11px;max-width:245px}.scroll-cue{font-size:8px;gap:8px}.ticker{padding:12px 0}.ticker span{font-size:11px}.section{padding:82px 6vw}.section-heading{display:block;margin-bottom:40px}.section-heading h2{font-size:60px}.section-heading>p{margin-top:24px}.filters{gap:17px;overflow:auto;white-space:nowrap;margin-right:-6vw;padding-right:6vw}.filter{font-size:9px}.project-grid{grid-template-columns:1fr;row-gap:38px}.project-offset{margin-top:0}.project-wide,.project-photo{grid-column:auto;width:100%;margin:0}.project-art,.project-large .project-art{aspect-ratio:1.12}.project-meta h3{font-size:19px}.manifesto{min-height:610px}.manifesto h2{font-size:65px;margin:85px 0 45px}.manifesto-mark{font-size:110px;top:8%;right:5%}.manifesto-bottom{align-items:start;gap:24px}.manifesto-bottom p{font-size:12px}.round-link{width:88px;height:88px;flex:none;font-size:7px}.manifesto-side{display:none}.service-row{grid-template-columns:40px 1fr 25px;padding:20px 0}.service-row h3{font-size:25px}.footer{padding-top:40px}.footer-top{align-items:start;gap:20px}.footer-status{font-size:7px}.footer-cta{font-size:59px;margin:70px 0 85px}.footer-cta b{font-size:26px}.footer-bottom{font-size:7px}.footer-bottom>span:nth-child(2){order:3;width:100%}.socials{gap:12px}.cursor{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* CTRL Café case study photography */
.art-ctrl{isolation:isolate;background:#198039;color:#141414}.project-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .4s}.art-ctrl:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#071609c9,transparent);z-index:0}.project:hover .project-cover{transform:scale(1.045);filter:saturate(1.12)}.ctrl-cover-title{position:absolute;z-index:1;left:7%;top:7%;font:700 clamp(44px,6vw,76px)/.7 var(--display);letter-spacing:-.1em;color:#dcff74;text-shadow:0 2px 16px #0008}.ctrl-cover-title i{font-style:normal;color:white}.ctrl-cover-caption{position:absolute;z-index:1;left:7%;bottom:7%;font:8px var(--mono);letter-spacing:.11em;color:white}.modal-inner{width:min(100%,950px);max-height:88vh;overflow:auto;padding:20px 0 45px}.modal-gallery{display:none;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.project-modal.ctrl-modal .modal-gallery{display:grid}.modal-gallery figure{margin:0;background:#d9d8ce}.modal-gallery img{display:block;width:100%;height:auto;aspect-ratio:1.32;object-fit:cover}.modal-gallery figcaption{padding:10px 12px;font:9px var(--mono);letter-spacing:.08em;color:#45453d;text-transform:uppercase}.project-modal.ctrl-modal .modal-foot{position:static;display:block;color:#68695d;margin-top:20px}.project-modal.ctrl-modal .modal-kicker{color:#51651b}.project-modal.ctrl-modal .modal-inner>p{max-width:680px}
.photo-scopes{margin:-11px 0 25px;color:#8f8e87;font:9px var(--mono);letter-spacing:.08em}.empty-state{margin:30px 0;color:var(--lime);font:11px var(--mono);letter-spacing:.08em}.empty-state[hidden]{display:none}
.modal-video{display:none;width:100%;max-height:62vh;margin:28px 0;background:#080809;object-fit:contain}.project-modal.video-modal .modal-video{display:block}.project-modal.video-modal .modal-gallery{display:none}.project-modal.video-modal .modal-inner>p{max-width:760px}
.art-video{background:radial-gradient(circle at 68% 42%,#2935a0 0,#171c50 24%,#101116 63%);color:#f0eee9;aspect-ratio:1.28}.video-frame-label,.video-frame-bottom{position:absolute;z-index:1;left:7%;right:7%;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.1em}.video-frame-label{top:7%;color:#c1c6ff}.video-frame-label span{color:var(--lime)}.video-orbit{position:absolute;width:44%;aspect-ratio:1;border:1px solid #7280ff77;border-radius:50%;left:28%;top:19%;box-shadow:0 0 80px #3947ff33,inset 0 0 65px #4d5fff22;animation:orbit 20s linear infinite}.video-orbit:before,.video-orbit:after{content:'';position:absolute;border:1px solid #ff633a88;border-radius:50%;inset:15%;transform:rotateX(63deg) rotate(-28deg)}.video-orbit:after{inset:28%;border-color:#d7ff0088;transform:rotateY(65deg) rotate(36deg)}.video-play{position:absolute;z-index:2;left:50%;top:41%;transform:translate(-50%,-50%);width:59px;height:59px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;padding-left:4px;color:var(--lime);font-size:16px;box-shadow:0 0 35px #d7ff0033;transition:background .25s,color .25s,transform .25s}.project:hover .video-play{background:var(--lime);color:var(--ink);transform:translate(-50%,-50%) scale(1.08)}.video-frame-bottom{bottom:11%;align-items:end}.video-frame-bottom strong{font:600 clamp(36px,6vw,70px)/.8 var(--display);letter-spacing:-.08em}.video-frame-bottom span{font:8px var(--mono);color:#b0b1c6}.video-frame-bottom i{font-style:normal;color:var(--lime)}.video-progress{position:absolute;left:7%;right:7%;bottom:6%;height:2px;background:#fff3}.video-progress i{display:block;width:32%;height:100%;background:var(--orange)}.modal-video{border-radius:3px}.project-modal.video-modal .modal-foot{position:static;display:block;color:#aaa;margin-top:20px}
.category-link{flex:none;color:#777;text-decoration:none;padding:0;font:10px var(--mono);letter-spacing:.08em}.category-link:hover,.category-link.active{color:var(--lime)}.category-link sup{font-size:8px;color:var(--orange);margin-left:4px}.category-section{position:relative;border-top:1px solid var(--line);overflow:hidden}.category-heading{display:flex;justify-content:space-between;align-items:center}.category-count{font:9px var(--mono);letter-spacing:.08em;color:var(--lime)}.category-section h2{font:600 clamp(55px,8vw,110px)/.9 var(--display);letter-spacing:-.08em;margin:70px 0 30px}.category-section h2 em{font-style:normal;color:var(--lime)}.category-description{max-width:470px;color:#aaa9a4;font-size:14px;line-height:1.8}.category-index{position:absolute;right:9vw;bottom:90px;color:var(--lime);font:10px var(--mono);letter-spacing:.1em;display:flex;flex-direction:column;gap:8px}.category-index span{font-size:8px;color:var(--muted)}.photoshop-section{background:linear-gradient(110deg,#151619 0 58%,#1b2034 100%)}.photoshop-section:after{content:'PS';position:absolute;right:11%;top:24%;font:700 clamp(160px,28vw,350px)/.8 var(--display);letter-spacing:-.12em;color:#3455ff;opacity:.12;pointer-events:none}.photoshop-section>*{position:relative;z-index:1}.photography-section{background:#171719}.photo-scope-list{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0 24px}.photo-scope-list span{padding:10px 14px;border:1px solid var(--line);border-radius:30px;color:var(--paper);font:9px var(--mono);letter-spacing:.1em}.photography-section .category-description{margin-top:20px}.video-section{background:linear-gradient(140deg,#141416 50%,#171b32);min-height:670px}.video-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:35px 0 20px}.video-section-heading h2{margin:0}.video-section-heading p{max-width:300px;color:#aaa9a4;font-size:13px;line-height:1.8}.video-project-grid{grid-template-columns:minmax(300px,.9fr) 1fr;align-items:center;column-gap:6vw;margin-top:25px}.video-project-grid:after{content:'BF—MOTION / 001';font:10px var(--mono);letter-spacing:.18em;color:var(--lime);justify-self:center;transform:rotate(-90deg);opacity:.8}.video-project-grid .project-video{width:100%}.category-links{overflow-x:auto;scrollbar-width:none}.category-links::-webkit-scrollbar{display:none}
html[dir=rtl] .category-index{right:auto;left:9vw;text-align:left}html[dir=rtl] .category-heading,html[dir=rtl] .video-section-heading{direction:rtl;text-align:right}
@media(max-width:700px){.category-section h2{font-size:clamp(49px,12vw,74px);margin:55px 0 24px}.category-index{position:static;margin-top:38px}.video-section{min-height:0}.video-section-heading{display:block}.video-section-heading p{margin-top:22px}.video-project-grid{grid-template-columns:1fr}.video-project-grid:after{display:none}.video-project-grid .project-video{max-width:560px}.category-description{font-size:12px}.category-links{gap:20px}}
/* BF Creative art direction pass: bolder color fields and cursor-led motion */
.hero{isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;width:min(58vw,760px);aspect-ratio:1;right:-12%;top:4%;border-radius:50%;background:conic-gradient(from 30deg,var(--blue),#6b36ff,var(--orange),var(--lime),var(--blue));filter:blur(2px);opacity:.19;mask:radial-gradient(circle,transparent 0 28%,#000 29% 32%,transparent 33% 42%,#000 43% 45%,transparent 46% 60%,#000 61% 63%,transparent 64%);animation:orbit 55s linear infinite}.hero h1 em{background:linear-gradient(100deg,var(--lime) 8%,#b8ff54 46%,var(--orange) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-orbit{translate:var(--orb-x,0px) var(--orb-y,0px);transition:translate .28s cubic-bezier(.2,.8,.2,1)}.hero-kicker,.hero-title-wrap,.hero-bottom{z-index:1}.hero h1{animation:title-rise .9s cubic-bezier(.16,1,.3,1) both}.hero h1 em{animation:neon-breathe 5s ease-in-out infinite alternate}.hero-spark{filter:drop-shadow(0 0 10px currentColor)}.cursor{width:12px;height:12px;display:grid;place-items:center}.cursor span{font:700 8px var(--mono);letter-spacing:.05em;opacity:0;transform:scale(.7);transition:opacity .2s,transform .2s}.cursor.hover{width:64px;height:64px}.cursor.hover span{opacity:1;transform:scale(1);color:#111}
.photoshop-section{background:linear-gradient(122deg,#1d48ed 0%,#3023a9 65%,#171a36 100%)}.photoshop-section:after{color:#d7ff00;opacity:.18}.photoshop-section .eyebrow,.photoshop-section .category-count{color:#d7ff00}.photoshop-section .category-description{color:#e0e5ff}.photoshop-section .category-index{color:#d7ff00}.photography-section{background:var(--orange);color:var(--ink)}.photography-section .eyebrow,.photography-section .category-count,.photography-section .category-index{color:#171719}.photography-section h2 em{color:var(--lime);text-shadow:0 2px 0 #171719}.photography-section .category-description{color:#2b211e}.photography-section .photo-scope-list span{border-color:#17171955;color:#171719;font-weight:500}.photography-section .category-index span{color:#352520}.photography-section:after{content:'';position:absolute;width:min(42vw,500px);aspect-ratio:1;right:-10%;bottom:-35%;border:1px solid #17171944;border-radius:50%;box-shadow:0 0 0 25px #1717190d,0 0 0 70px #1717190d,0 0 0 120px #1717190d;pointer-events:none}.video-section{background:radial-gradient(ellipse at 82% 56%,#262d68 0,#17192c 32%,#141416 68%)}.video-section .category-count{color:var(--orange)}.video-section-heading h2 em{background:linear-gradient(90deg,var(--lime),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.video-project-grid:after{font-size:11px;color:#8b91ff}.category-link{position:relative;padding-bottom:8px}.category-link:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--lime);transition:right .25s}.category-link:hover:after,.category-link.active:after{right:0}.project-art{transition:transform .32s ease,filter .35s}.project:hover .project-art{filter:saturate(1.08)}.project-meta h3{transition:letter-spacing .25s}.project:hover .project-meta h3{letter-spacing:.005em}.section-heading h2,.category-section h2{position:relative}.category-section .category-heading .eyebrow{display:flex;align-items:center;gap:11px}.category-section .category-heading .eyebrow:before{content:'✳';font-size:14px;color:var(--orange);animation:spin 12s linear infinite}.photography-section .category-heading .eyebrow:before{color:var(--ink)}
@keyframes title-rise{from{opacity:0;transform:translateY(35px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@keyframes neon-breathe{from{filter:drop-shadow(0 0 0 #d7ff0000)}to{filter:drop-shadow(0 0 16px #d7ff0055)}}
@media(max-width:700px){.hero:before{width:90vw;right:-36%;top:14%;opacity:.14}.cursor{display:none}.video-section{background:radial-gradient(ellipse at 100% 64%,#262d68 0,#17192c 34%,#141416 75%)}.photography-section:after{width:68vw;right:-25%;bottom:-18%}}
@media(prefers-reduced-motion:reduce){.hero h1,.hero h1 em,.hero:before,.hero-orbit,.category-section .category-heading .eyebrow:before{animation:none!important}.hero-orbit{translate:none}}
.ps-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:center;margin-top:70px}.ps-intro h2{font-size:clamp(48px,6.8vw,94px);margin:42px 0 24px}.ps-intro .category-description{max-width:360px}.ps-monogram{display:block;font:700 clamp(80px,12vw,145px)/.72 var(--display);letter-spacing:-.13em;color:var(--lime)}.ps-monogram span{font:500 13px var(--mono);vertical-align:top;letter-spacing:0;margin-left:8px}.ps-coordinate{display:block;margin-top:48px;font:9px var(--mono);letter-spacing:.14em;color:#bdc6ff}.ps-categories{position:relative;z-index:2}.ps-category{display:grid;grid-template-columns:44px 1fr 42px 20px;align-items:center;gap:16px;position:relative;border-top:1px solid #ffffff44;padding:23px 10px 23px 0;transition:padding .3s,background .3s}.ps-category:last-child{border-bottom:1px solid #ffffff44}.ps-category:hover{padding-left:14px;padding-right:14px;background:#ffffff0b}.ps-category-number{font:10px var(--mono);color:var(--lime)}.ps-category h3{font:500 clamp(16px,2vw,23px) var(--display);letter-spacing:.01em;margin:0 0 6px;color:#fff}.ps-category p{font-size:11px;color:#c2c9e5;margin:0}.ps-category-count{font:10px var(--mono);color:var(--orange);text-align:center}.ps-category b{font:16px var(--body);font-weight:400;color:#b8c3ff;transition:transform .2s}.ps-category:hover b{transform:translate(3px,-3px);color:var(--lime)}html[dir=rtl] .ps-category{direction:rtl;text-align:right;padding-left:0;padding-right:10px}html[dir=rtl] .ps-category:hover{padding-right:14px;padding-left:14px}html[dir=rtl] .ps-coordinate{text-align:right}
@media(max-width:800px){.ps-layout{grid-template-columns:1fr;gap:48px;margin-top:52px}.ps-intro h2{margin:28px 0 18px}.ps-coordinate{margin-top:22px}.ps-category{grid-template-columns:34px 1fr 34px 17px;gap:10px}.ps-category p{font-size:10px}}
/* Restore the approved first-pass art direction while keeping the expanded sections. */
.hero:before{display:none}.hero h1{animation:none}.hero h1 em{color:var(--lime);background:none;filter:none;-webkit-text-fill-color:var(--lime);animation:none}.hero-spark{filter:none}.hero-orbit{translate:none;transition:none}.cursor{width:14px;height:14px;display:block}.cursor.hover{width:46px;height:46px}.photoshop-section{background:linear-gradient(110deg,#151619 0 58%,#1b2034 100%)}.photoshop-section:after{color:#3455ff;opacity:.12}.photoshop-section .eyebrow,.photoshop-section .category-count{color:var(--lime)}.photoshop-section .category-description{color:#aaa9a4}.photoshop-section .category-index{color:var(--lime)}.photography-section{background:#171719;color:var(--paper)}.photography-section .eyebrow,.photography-section .category-count,.photography-section .category-index{color:var(--lime)}.photography-section h2 em{color:var(--lime);text-shadow:none}.photography-section .category-description{color:#aaa9a4}.photography-section .photo-scope-list span{border-color:var(--line);color:var(--paper);font-weight:400}.photography-section .category-index span{color:var(--muted)}.photography-section:after{display:none}.video-section{background:linear-gradient(140deg,#141416 50%,#171b32)}.video-section .category-count{color:var(--lime)}.video-section-heading h2 em{color:var(--lime);background:none;-webkit-text-fill-color:var(--lime)}.video-project-grid:after{font-size:10px;color:var(--lime)}.category-link:after,.category-section .category-heading .eyebrow:before{display:none}.project:hover .project-art{filter:none}.project-meta h3{transition:none}.project:hover .project-meta h3{letter-spacing:-.04em}

/* Keep every portfolio tile on one consistent grid. */
.project-grid>.project{grid-column:auto!important;grid-row:auto!important;width:100%!important;margin-top:0!important}.project-grid>.project .project-art,.project-grid>.project .art-video{aspect-ratio:1.12!important}.project-grid>.project-wide .project-art{aspect-ratio:1.12!important}
.profile-facts{display:flex;gap:28px;flex-wrap:wrap;max-width:520px}.profile-facts>div{max-width:230px}.profile-facts>div>span{font:9px var(--mono);letter-spacing:.1em;color:#c1d0ff}.manifesto-bottom .profile-facts p{font-size:11px;line-height:1.7;margin:8px 0 0;color:#e1e6ff}.experience{background:#171719;padding-top:120px;padding-bottom:130px}.experience-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.experience-heading h2{font:600 clamp(48px,7vw,90px)/.92 var(--display);letter-spacing:-.075em;margin:0}.experience-heading h2 em{font-style:normal;color:var(--lime)}.experience-list article{display:grid;grid-template-columns:180px 1fr 40px;gap:24px;align-items:center;border-top:1px solid var(--line);padding:22px 0}.experience-list article:last-child{border-bottom:1px solid var(--line)}.experience-date,.experience-index{font:9px var(--mono);letter-spacing:.08em;color:var(--muted)}.experience-list h3{font:500 clamp(20px,3vw,31px) var(--display);letter-spacing:-.04em;margin:0 0 5px}.experience-list p{font-size:12px;color:#aaa9a4;margin:0}.experience-index{color:var(--lime);text-align:right}html[dir=rtl] .experience-heading,html[dir=rtl] .experience-list article{direction:rtl;text-align:right}html[dir=rtl] .experience-index{text-align:left}
@media(max-width:800px){.manifesto-bottom{flex-wrap:wrap;align-items:flex-start}.profile-facts{width:100%;order:2}.experience-heading{display:block}.experience-heading h2{margin-top:28px}.experience-list article{grid-template-columns:1fr 30px;gap:8px}.experience-date{grid-column:1 / -1}.experience-list article>div{grid-column:1}.experience-index{grid-column:2;grid-row:2}.profile-facts>div{max-width:100%}}

.whatsapp-icon{display:block;width:19px;height:19px;fill:currentColor;flex:none}.socials a.whatsapp-footer-link{display:inline-flex;align-items:center;gap:7px;color:#25d366}.socials a.whatsapp-footer-link:hover{color:#54ee8a}.socials a.whatsapp-footer-link .whatsapp-icon{width:16px;height:16px}.whatsapp-float{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 17px;border-radius:999px;background:#25d366;color:#fff;text-decoration:none;box-shadow:0 8px 28px #0007;font:600 10px var(--mono);letter-spacing:.09em;transition:transform .2s,box-shadow .2s,background .2s}.whatsapp-float:hover{background:#1fbd5b;transform:translateY(-3px);box-shadow:0 12px 32px #0008}.whatsapp-float .whatsapp-icon{width:22px;height:22px}

.instagram-float{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 17px;border-radius:999px;background:linear-gradient(115deg,#f9ce34 0%,#ee2a7b 52%,#6228d7 100%);color:#fff;text-decoration:none;box-shadow:0 8px 28px #0007;font:600 10px var(--mono);letter-spacing:.09em;transition:transform .2s,box-shadow .2s,filter .2s}.instagram-float:hover{filter:saturate(1.15) brightness(1.08);transform:translateY(-3px);box-shadow:0 12px 32px #0008}.instagram-icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;flex:none}.instagram-dot{fill:currentColor;stroke:none}

/* Expandable experience entries */
.experience-list{border-top:1px solid var(--line)}
.experience-item{border-bottom:1px solid var(--line)}
.experience-trigger{display:grid;grid-template-columns:180px 1fr auto;gap:24px;align-items:center;width:100%;padding:22px 0;border:0;background:transparent;color:var(--paper);font:inherit;text-align:left;cursor:pointer;list-style:none}
.experience-trigger::-webkit-details-marker{display:none}
.experience-role{display:block;min-width:0}
.experience-title{display:block;font:500 clamp(20px,3vw,31px)/1.15 var(--display);letter-spacing:-.04em;transition:color .2s}
.experience-employer{display:block;margin-top:6px;font-size:12px;color:#aaa9a4}
.experience-trigger:hover .experience-title,.experience-trigger:focus-visible .experience-title,.experience-item[open] .experience-title{color:var(--lime)}
.experience-trigger:focus-visible{outline:1px solid var(--lime);outline-offset:4px}
.experience-index{display:flex;align-items:center;justify-content:flex-end;gap:14px;color:var(--lime);font:9px var(--mono);letter-spacing:.08em}
.experience-date{font-family:var(--body),sans-serif}
.experience-toggle{display:inline-block;color:var(--lime);font:400 21px/1 var(--body);font-style:normal;transition:transform .25s}
.experience-item[open] .experience-toggle{transform:rotate(45deg)}
.experience-details{max-width:700px;margin:0 60px 26px 204px;animation:experienceReveal .3s ease both}
.experience-details ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.experience-details li{display:flex;align-items:baseline;gap:12px;color:#c6c6c4;font-size:13px;line-height:1.65}
.experience-details li:before{content:'↗';flex:none;color:var(--orange);font:11px var(--mono)}
html[dir=rtl] .experience-trigger{direction:rtl;text-align:right}
html[dir=rtl] .experience-index{direction:rtl;justify-content:flex-start}
html[dir=rtl] .experience-details{margin-right:204px;margin-left:60px;text-align:right}
@keyframes experienceReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.experience-trigger{grid-template-columns:1fr auto;gap:8px}.experience-date{grid-column:1/-1}.experience-role{grid-column:1}.experience-index{grid-column:2;grid-row:2}.experience-details{margin:0 0 24px}.experience-details li{font-size:12px}}
@media(prefers-reduced-motion:reduce){.experience-details{animation:none}.experience-toggle,.experience-title{transition:none}}

/* Keep the personal story aligned with the site's section scale. */
.manifesto{min-height:0;padding-top:105px;padding-bottom:100px}
.manifesto h2{font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.065em;margin:48px 0 38px;max-width:900px}
.manifesto-bottom{align-items:flex-start}
.manifesto-bottom>p{max-width:520px}
@media(max-width:800px){.manifesto{min-height:0}.manifesto h2{font-size:clamp(38px,8vw,64px);margin:44px 0 32px}}
@media(max-width:560px){.manifesto{min-height:0}.manifesto h2{font-size:clamp(34px,10vw,52px);margin:48px 0 28px}}

.behance-float{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 17px;border-radius:999px;background:#1769ff;color:#fff;text-decoration:none;box-shadow:0 8px 28px #0007;font:600 10px var(--mono);letter-spacing:.09em;transition:transform .2s,box-shadow .2s,background .2s}.behance-float:hover{background:#0e57da;transform:translateY(-3px);box-shadow:0 12px 32px #0008}.behance-icon{display:block;color:currentColor;font:800 22px/.9 Arial,sans-serif;letter-spacing:-1.7px;flex:none}
.floating-socials {
  position: fixed;
  z-index: 28;
  inset-inline-end: 24px;
  inset-block-end: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 560px) {
  .floating-socials {
    inset-inline-end: 16px;
    inset-block-end: calc(18px + env(safe-area-inset-bottom, 0px));
  }
  .floating-socials a {
    width: 46px;
    height: 46px;
    padding: 0;
  }
  .floating-socials span[data-i18n] {
    display: none;
  }
}

/* Adobe tools strip inside Photoshop */
.ps-tools{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:start;margin-top:54px;padding-top:24px;border-top:1px solid #ffffff44}.ps-tools-mark{display:inline-block;margin-bottom:12px;color:var(--lime);font:10px var(--mono);letter-spacing:.13em}.ps-tools-heading h3{max-width:360px;margin:0;color:#fff;font:500 clamp(20px,2.5vw,30px)/1.2 var(--display);letter-spacing:-.025em}.ps-tools-detail p{max-width:620px;margin:0;color:#c2c9e5;font-size:13px;line-height:1.85}.ps-tools-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.ps-tools-badges span{padding:9px 12px;border:1px solid #ffffff35;color:#fff;font:9px var(--mono);letter-spacing:.1em}.ps-tools-badges span:first-child{border-color:#b9ff3b88;color:var(--lime)}html[dir=rtl] .ps-tools{text-align:right}
@media(max-width:800px){.ps-tools{grid-template-columns:1fr;gap:16px;margin-top:38px;padding-top:20px}.ps-tools-heading h3{max-width:520px}.ps-tools-detail p{font-size:12px}}

/* ALLAMA identity case study */
.art-allama{isolation:isolate;background:#122448;color:#fff}.art-allama .project-cover{filter:saturate(.92)}.art-allama:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#080b13b8,transparent);z-index:0;pointer-events:none}.allama-cover-label,.allama-cover-index{position:absolute;z-index:1;color:#fff;font-family:var(--mono);letter-spacing:.08em;text-shadow:0 2px 12px #0008}.allama-cover-label{left:6%;top:6%;font-size:clamp(22px,3vw,40px);font-weight:700;line-height:.95}.allama-cover-label small{font-size:8px;letter-spacing:.15em}.allama-cover-index{right:5%;bottom:6%;font-size:8px}.project-modal.allama-modal .modal-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-modal.allama-modal .modal-gallery figure{background:#17181a;border:1px solid #ffffff20}.project-modal.allama-modal .modal-gallery img{width:100%;height:clamp(180px,30vw,380px);aspect-ratio:auto;object-fit:contain;background:#111214}.project-modal.allama-modal .modal-gallery figcaption{min-height:34px;padding:11px 12px;color:#eee;font:9px var(--mono);letter-spacing:.08em}.project-modal.allama-modal .modal-foot{position:static;display:block;margin-top:20px;color:#999}.project-modal.allama-modal .modal-inner>p{max-width:740px}
@media(max-width:640px){.project-modal.allama-modal .modal-gallery{grid-template-columns:1fr;gap:11px}.project-modal.allama-modal .modal-gallery img{height:68vw;max-height:380px}.allama-cover-index{font-size:7px}}

/* Full image viewer for portfolio galleries */
.image-lightbox{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:56px 24px 32px;background:rgba(7,8,10,.97);cursor:zoom-out}
.image-lightbox.open{display:grid}
.image-lightbox-close{position:absolute;top:16px;right:22px;z-index:1;width:48px;height:48px;border:1px solid #ffffff55;border-radius:50%;background:#111;color:#fff;font:300 32px/1 var(--body);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.image-lightbox-close:hover{background:var(--lime);color:var(--ink);transform:rotate(90deg)}
.image-lightbox-close:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.image-lightbox-figure{display:grid;place-items:center;gap:14px;width:100%;height:100%;margin:0;cursor:default}
.image-lightbox-image{display:block;width:auto;height:auto;max-width:min(94vw,1800px);max-height:calc(100vh - 116px);object-fit:contain}
.image-lightbox-caption{max-width:90vw;color:#e8e8e4;text-align:center;font:10px var(--mono);letter-spacing:.1em}
.project-modal.allama-modal .modal-gallery img,.project-modal.ctrl-modal .modal-gallery img{cursor:zoom-in}
@media(max-width:600px){.image-lightbox{padding:58px 12px 24px}.image-lightbox-close{top:12px;right:12px;width:44px;height:44px}.image-lightbox-image{max-width:96vw;max-height:calc(100vh - 110px)}.image-lightbox-caption{font-size:9px}}
/* BKR Bakery identity case study */
.art-bkr-bakery{isolation:isolate;background:#5b1718;color:#fff}.art-bkr-bakery .project-cover{filter:saturate(.96)}.art-bkr-bakery:after{content:'';position:absolute;inset:38% 0 0;background:linear-gradient(0deg,#130c0bbd,transparent);z-index:0;pointer-events:none}.bakery-cover-label,.bakery-cover-index{position:absolute;z-index:1;color:#fff;font-family:var(--mono);letter-spacing:.08em;text-shadow:0 2px 12px #0008}.bakery-cover-label{left:6%;top:6%;font-size:clamp(22px,3vw,40px);font-weight:700;line-height:.95}.bakery-cover-label small{font-size:8px;letter-spacing:.15em}.bakery-cover-index{right:5%;bottom:6%;font-size:8px}.project-modal.identity-gallery-modal .modal-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-modal.identity-gallery-modal .modal-gallery figure{background:#171413;border:1px solid #ffffff20}.project-modal.identity-gallery-modal .modal-gallery img{width:100%;height:clamp(180px,30vw,380px);aspect-ratio:auto;object-fit:contain;background:#111;cursor:zoom-in}.project-modal.identity-gallery-modal .modal-gallery figcaption{min-height:34px;padding:11px 12px;color:#eee;font:9px var(--mono);letter-spacing:.08em}.project-modal.identity-gallery-modal .modal-foot{position:static;display:block;margin-top:20px;color:#999}.project-modal.identity-gallery-modal .modal-inner>p{max-width:740px}
@media(max-width:640px){.project-modal.identity-gallery-modal .modal-gallery{grid-template-columns:1fr;gap:11px}.project-modal.identity-gallery-modal .modal-gallery img{height:68vw;max-height:380px}.bakery-cover-index{font-size:7px}}
/* Editorial portfolio layout */
:root {
  --ink: #090909;
  --paper: #f4f2ed;
  --line: #343431;
  --page-gutter: clamp(22px, 3vw, 64px);
  --editorial-muted: #a7a69f;
}

.grain { opacity: .045; pointer-events: none; }
.topbar {
  height: 84px;
  padding-inline: var(--page-gutter);
  gap: clamp(18px, 5vw, 88px);
  justify-content: flex-start;
  border-bottom: 1px solid #242424;
}
.topbar .wordmark {
  color: var(--lime);
  font: 700 26px/.9 var(--display);
  letter-spacing: -.1em;
  white-space: nowrap;
}
.topbar .wordmark span { margin-inline-start: 3px; margin-left: 3px; }
.topbar .wordmark strong { color: var(--paper); font: 700 13px var(--display); letter-spacing: -.025em; }
.top-center { color: var(--editorial-muted); white-space: nowrap; }
.header-actions { margin-inline-start: auto; }
.nav-actions { font: 600 12px var(--body); letter-spacing: 0; }
.nav-actions .contact-link {
  border: 1px solid var(--paper);
  border-radius: 3px;
  padding: 7px 11px;
  background: var(--paper);
  color: var(--ink);
  white-space: nowrap;
}
.nav-actions .contact-link:hover { background: var(--lime); border-color: var(--lime); color: var(--ink); }
.lang-switch button { color: #b5b4af; }
.lang-switch button:focus-visible, .menu-toggle:focus-visible, .project:focus-visible, .service-item summary:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 4px;
}

.hero {
  min-height: 0;
  padding: clamp(70px, 9vw, 146px) var(--page-gutter) clamp(52px, 7vw, 108px);
  display: block;
}
.hero-intro {
  display: grid;
  grid-template-columns: 1.36fr .74fr;
  align-items: end;
  gap: 32px;
  margin-block-end: clamp(28px, 3.5vw, 64px);
}
.hero-availability {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--paper);
  font: 650 clamp(11px, 1.05vw, 15px) var(--body);
}
.hero-note { max-width: 440px; }
.hero-note p {
  margin: 0;
  font: 650 clamp(13px, 1.15vw, 17px)/1.45 var(--body);
  text-transform: uppercase;
  text-wrap: pretty;
}
.hero-title-wrap { margin: 0; }
.hero h1 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--paper);
  font: 600 clamp(52px, 10.7vw, 158px)/.91 var(--display);
  letter-spacing: -.085em;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.hero .scroll-cue {
  width: fit-content;
  margin-block-start: 28px;
  margin-inline-start: auto;
  display: flex;
  align-items: center;
  gap: 13px;
  color: var(--paper);
  text-transform: uppercase;
  font: 700 13px var(--body);
  text-decoration: underline;
  text-underline-offset: 5px;
  white-space: nowrap;
}
.hero .scroll-cue b { font-size: 19px; color: var(--lime); }
.hero .scroll-cue:hover { color: var(--lime); }
html[dir=rtl] .hero h1 { font: 600 clamp(49px, 9vw, 136px)/1.04 var(--body); letter-spacing: 0; }
html[lang=tr] .hero h1 { font-size: clamp(46px, 9.3vw, 143px); }

.feature-banner { margin: 0 var(--page-gutter); }
.feature-banner > a {
  display: block;
  position: relative;
  aspect-ratio: 2.22;
  background: #142639;
  overflow: hidden;
  border-radius: 4px;
}
.feature-banner img { object-position: 50% 52%; transition: transform .65s ease; }
.feature-banner a:hover img { transform: scale(1.025); }
.feature-arrow {
  position: absolute;
  inset-inline-end: 18px;
  inset-block-end: 18px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  background: var(--lime);
  color: #0a0a0a;
  border-radius: 50%;
  font-size: 21px;
}
.feature-banner figcaption {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-block-start: 13px;
  color: var(--editorial-muted);
  font: 500 10px var(--mono);
  letter-spacing: .09em;
}

.section { padding-inline: var(--page-gutter); }
.work, .workflow, .services { padding-block: clamp(86px, 10.5vw, 165px); }
.work .section-heading, .workflow .section-heading, .services .section-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(30px, 5vw, 74px);
  align-items: end;
  margin-bottom: clamp(38px, 6vw, 89px);
}
.work .section-heading h2, .workflow .section-heading h2, .services .section-heading h2 {
  font: 700 clamp(58px, 8vw, 126px)/.9 var(--display);
  letter-spacing: -.073em;
  margin: 19px 0 0;
}
.section-heading > p {
  color: var(--paper);
  font-size: clamp(17px, 1.7vw, 24px);
  line-height: 1.46;
  max-width: 480px;
  margin: 0;
  text-wrap: pretty;
}
html[dir=rtl] :is(.work,.workflow,.services) .section-heading h2 {
  font-family: var(--body);
  letter-spacing: 0;
  line-height: 1.12;
}
.work .category-links { margin-bottom: clamp(25px, 3.3vw, 47px); }
.work .category-link { border-radius: 3px; }
.work .project-grid { gap: clamp(36px, 5.5vw, 88px) clamp(20px, 3.4vw, 55px); }
.work .project { grid-column: auto; }
.work .project-art { aspect-ratio: 1.15; border-radius: 4px; }
.work .project-art:before, .work .project-art:after { display: none; }
.work .project-art > :not(.project-cover, .project-view) { display: none; }
.work .project-cover { filter: none; }
.work .project-meta { padding-block-start: 14px; }
.work .project-meta h3 {
  color: var(--paper);
  font: 700 clamp(16px, 1.45vw, 22px) var(--display);
  letter-spacing: -.01em;
  margin: 0 0 5px;
}
.work .project-meta p, .work .project-number { color: #b5b4ad; font-size: 10px; }
.project-view {
  position: absolute;
  z-index: 2;
  inset-inline-end: 14px;
  inset-block-end: 14px;
  padding: 7px 11px;
  border-radius: 2px;
  background: var(--paper);
  color: var(--ink);
  font: 700 11px var(--body);
  transition: background .2s, color .2s;
}
.project:hover .project-view, .project:focus-visible .project-view { background: var(--lime); }

.category-section, .experience, .manifesto, .workflow, .services {
  border-block-start: 1px solid var(--line);
}
.category-section, .experience, .manifesto, .footer { background: #101010; }
.category-section h2, .video-section-heading h2, .experience-heading h2, .manifesto h2 {
  font-weight: 700;
}
.manifesto .eyebrow, .manifesto-bottom p, .manifesto-side { color: #c8c6be; }
.profile-facts > div > span { color: var(--lime); }
.manifesto-bottom .profile-facts p { color: var(--paper); }
.workflow-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(16px, 2.1vw, 36px); }
.workflow-steps article {
  border-block-start: 2px solid #56554f;
  padding-block-start: 20px;
}
.workflow-steps article > span, .service-item summary > span { font: 500 11px var(--mono); color: var(--lime); }
.workflow-steps h3 { font: 700 clamp(27px, 3vw, 46px)/1 var(--display); margin: 29px 0 13px; }
.workflow-steps p, .service-item > p { color: var(--editorial-muted); font: 500 15px/1.65 var(--body); margin: 0; max-width: 41ch; }
.services .section-heading { align-items: start; }
.service-list { border-block-end: 1px solid var(--line); }
.service-item { border-block-start: 1px solid var(--line); }
.service-item summary {
  display: grid;
  grid-template-columns: 60px 1fr 30px;
  gap: 14px;
  align-items: center;
  padding-block: 24px;
  cursor: pointer;
  list-style: none;
}
.service-item summary::-webkit-details-marker { display: none; }
.service-item summary h3 { font: 700 clamp(21px, 3.5vw, 47px)/1.15 var(--display); margin: 0; }
.service-item summary b::before { content: '+'; color: var(--lime); font: 600 28px var(--display); }
.service-item[open] summary b::before { content: '−'; }
.service-item > p { margin-inline-start: 74px; padding-block-end: 24px; max-width: 60ch; }
.footer { border-block-start: 1px solid var(--line); }
.footer-bottom .wordmark { color: var(--lime); }

@media (max-width: 1060px) {
  .top-center { display: none; }
}
@media (max-width: 760px) {
  .topbar { height: 72px; }
  .topbar .header-actions { gap: 12px; }
  .topbar .nav-actions {
    position: fixed;
    inset: 72px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 26px;
    background: var(--ink);
    z-index: 29;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform .35s, visibility .35s;
  }
  .menu-open .topbar .nav-actions { visibility: visible; transform: translateX(0); }
  .topbar .nav-actions a { font: 650 24px var(--display); }
  .topbar .menu-toggle { display: flex; flex-direction: column; gap: 6px; border: 0; padding: 10px; background: transparent; }
  .topbar .menu-toggle span { width: 23px; height: 1px; background: var(--paper); }
  .topbar .lang-switch button { min-width: 24px; min-height: 36px; font-size: 12px; }
  .hero { padding-block: 60px 48px; }
  .hero-intro { grid-template-columns: 1fr; gap: 25px; margin-bottom: 35px; }
  .hero-note p { margin: 0; font-size: clamp(10px, 2.5vw, 15px); }
  .hero h1 { font-size: clamp(39px, 10vw, 76px); }
  html[lang=tr] .hero h1 { font-size: clamp(34px, 9vw, 68px); }
  html[dir=rtl] .hero h1 { font-size: clamp(36px, 9.8vw, 74px); }
  .hero .scroll-cue { margin-block-start: 25px; margin-inline-start: 0; font-size: 11px; }
  .feature-banner > a { aspect-ratio: 1.52; }
  .feature-arrow { inset-inline-end: 10px; inset-block-end: 10px; width: 33px; height: 33px; font-size: 17px; }
  .work .section-heading, .workflow .section-heading, .services .section-heading { grid-template-columns: 1fr; gap: 21px; }
  .work .section-heading h2, .workflow .section-heading h2, .services .section-heading h2 { font-size: clamp(39px, 11vw, 82px); }
  .work .project-grid { grid-template-columns: 1fr; }
  .workflow-steps { grid-template-columns: 1fr; gap: 30px; }
  .workflow-steps h3 { margin-block-start: 15px; }
  .service-item summary { grid-template-columns: 32px 1fr 20px; gap: 8px; }
  .service-item > p { margin-inline-start: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .topbar .nav-actions, .feature-banner img, .project-view { transition: none; }
}