@font-face{font-family:Syne;src:url('assets/syne.ttf') format('truetype');font-weight:400 800;font-display:swap}@font-face{font-family:Plex;src:url('assets/ibm-plex-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#edebe6;--ink:#111;--muted:#62615d;--line:#b7b5b0;--plate:#d6d4cf;--plate-alt:#cfcdc8;--accent:#ed8600;--pad:clamp(22px,4.2vw,80px);color-scheme:light}html[data-theme=dark]{--paper:#111;--ink:#edebe6;--muted:#aaa8a2;--line:#494946;--plate:#272725;--plate-alt:#30302c;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Helvetica,Arial,sans-serif}body:after{content:"";position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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%3Cpath fill='%23888' filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}body.modal-open{overflow:hidden}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}button:disabled{cursor:default;color:#aaa}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%;height:auto}.mono{font-family:Plex,"Courier New",monospace;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:.02em}.muted{color:var(--muted)}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip{position:fixed;top:15px;left:20px;background:var(--paper);padding:15px;z-index:100;clip-path:inset(100%)}.skip:focus{clip-path:none}::selection{background:var(--accent);color:#111}.header{height:96px;padding:20px var(--pad);display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);background:var(--paper)}.small-brand{width:27px;flex-shrink:0}.header-meta{font-size:9px}.header nav{display:flex;gap:35px;margin-left:auto;font-size:12px}.header sup{font-family:Plex,monospace;font-size:8px;vertical-align:top;margin-left:6px;color:var(--muted)}.header nav a:hover,.colophon a:hover{color:var(--accent)}.theme-button{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:30px;margin-left:15px}.theme-button>span:first-child{font-size:23px}.menu-button{display:none}html[data-theme=dark] .small-brand img,html[data-theme=dark] .hero-brand,html[data-theme=dark] .footer-logo{filter:invert(1)}
.hero{padding:21px var(--pad) 0;overflow:hidden}.hero-top,.hero-bottom,.section-top{display:flex;justify-content:space-between;gap:20px}.hero-top{align-items:center}.status-dot{display:inline-block;background:var(--accent);width:5px;height:5px;border-radius:50%;margin-right:9px;vertical-align:middle}.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;position:relative;margin-top:27px;min-height:640px}.hero-side{grid-column:1/3;display:flex;flex-direction:column;justify-content:space-between;padding:35px 0 45px;color:var(--muted)}.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);align-self:start;letter-spacing:.14em}.hero-coords{line-height:1.8}.hero-brand{grid-column:3/8;align-self:start;width:100%;max-width:444px;position:relative;padding-bottom:15px}.logo-row{width:100%;aspect-ratio:1237/420.5;background-image:url('assets/hammergarden-logo.png');background-repeat:no-repeat;background-size:100% 400%;background-position:0 calc(var(--row)*100% / 3);transform:translate3d(calc(var(--scroll,0px)*var(--shift)),0,0);will-change:transform;cursor:grab;touch-action:pan-y}.logo-row:active{cursor:grabbing}.hero-signature{width:calc(100% * 3007 / 2737);max-width:none;margin-left:calc(-100% * 134 / 2737);margin-top:19px}.hero-notes{grid-column:9/13;display:flex;flex-direction:column;padding-top:29px;align-self:stretch}.marker{font-size:9px}.marker:before{content:"+";color:var(--accent);margin-right:8px}.intro-note>p{font-family:Syne,sans-serif;font-size:clamp(23px,2.5vw,42px);line-height:1.15;font-weight:600;margin:20px 0 16px;letter-spacing:-.04em}.intro-note>p>span{color:var(--muted)}.placeholder-note{font-size:8px;color:var(--muted)}.hero-reel{margin-top:auto;padding-top:45px}.reel-placeholder{aspect-ratio:1.45;position:relative;background:var(--plate);overflow:hidden}.corner-top,.corner-bottom{position:absolute;left:13px;font-size:8px;color:var(--muted)}.corner-top{top:12px}.corner-bottom{bottom:12px}.crosshair{position:absolute;left:50%;top:46%;width:34px;height:34px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:currentColor;opacity:.4}.crosshair:before{width:1px;height:100%;left:50%}.crosshair:after{height:1px;width:100%;top:50%}.placeholder-name{position:absolute;top:65%;left:0;width:100%;text-align:center;font-size:9px;color:var(--muted)}.reel-corner{position:absolute;right:12px;bottom:10px;font-size:23px}.hero-notes-bottom{font-size:7px;display:flex;justify-content:space-between;padding:12px 0 0;color:var(--muted);gap:15px}.hero-bottom{padding:25px 0 23px;margin-top:20px;border-bottom:1px solid var(--line);font-size:9px}.hero-bottom a span{margin-left:45px}.reset-logo{color:var(--muted)}.reset-logo:not([hidden])+.drag-hint{display:none}
.section{padding:45px var(--pad) 80px}.section-top{font-size:9px;color:var(--muted)}.work{padding-top:65px}.work-heading{display:flex;justify-content:space-between;align-items:end;margin-top:20px}.work h2{font-family:Syne,sans-serif;font-size:clamp(72px,8.7vw,150px);font-weight:700;letter-spacing:-.06em;line-height:1.05}.work-count{font-size:11px;vertical-align:top;display:inline-block;margin:17px 0 0 20px}.view-toggle{display:flex;gap:23px;padding-bottom:13px}.view-toggle button{color:var(--muted)}.view-toggle span{margin-left:8px}.view-toggle button[aria-pressed=true]{color:var(--ink)}.view-toggle button[aria-pressed=true]:before{content:"";display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:7px}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:27px 0 42px;border-top:1px solid var(--line);padding-top:18px}.filters{display:flex;gap:25px}.filters button{color:var(--muted);position:relative;padding-bottom:5px;white-space:nowrap}.filters sup{font-size:7px;margin-left:5px}.filters button[aria-pressed=true]{color:var(--ink)}.filters button[aria-pressed=true]:after{content:"";position:absolute;width:100%;height:2px;left:0;bottom:0;background:var(--accent)}.toolbar-note{font-size:8px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:70px 24px;align-items:start}.project-card{min-width:0;text-align:left;width:100%;display:block}.project-card[hidden]{display:none!important}.p01{grid-column:1/8}.p02{grid-column:9/13;margin-top:100px}.p03{grid-column:2/6;margin-top:-45px}.p04{grid-column:7/13;margin-top:85px}.project-image{display:block;position:relative;background:var(--plate);overflow:hidden;transition:background .35s,clip-path .5s;clip-path:inset(0);color:var(--ink)}.p02 .project-image,.p03 .project-image{background:var(--plate-alt)}.ratio-landscape{aspect-ratio:3/2}.ratio-portrait{aspect-ratio:4/5}.ratio-square{aspect-ratio:1}.image-top,.image-bottom{position:absolute;left:18px;font-size:8px;color:var(--muted)}.image-top{top:15px}.image-bottom{bottom:15px}.placeholder-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.plate-number{font-family:Syne,sans-serif;font-size:clamp(65px,10vw,150px);font-weight:500;letter-spacing:-.08em;color:var(--muted);opacity:.55;line-height:1}.placeholder-center>.mono{font-size:9px;color:var(--muted)}.registration{position:absolute;width:22px;height:22px;opacity:.3}.reg-tl{top:49px;left:18px;border-top:1px solid;border-left:1px solid}.reg-br{bottom:47px;right:18px;border-bottom:1px solid;border-right:1px solid}.image-plus{position:absolute;bottom:8px;right:17px;font-size:27px;font-weight:300;transition:color .2s}.project-card:hover .image-plus{color:var(--accent)}.project-card:hover .project-image{background:var(--line)}.project-caption{display:grid;grid-template-columns:21px 1fr auto;gap:8px;padding:15px 0;align-items:start}.item-number{font-size:8px;color:var(--muted);padding-top:2px}.project-name{font-size:12px;line-height:1.4;letter-spacing:-.02em}.discipline-label{grid-column:2;font-size:8px;color:var(--muted)}.year{grid-column:3;grid-row:1;font-size:8px;color:var(--muted)}.index-arrow{display:none}.work-foot{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;margin-top:20px;color:var(--muted);font-size:8px}.project-grid.filtered{gap:35px 24px}.project-grid.filtered .project-card{grid-column:span 6;margin-top:0}.project-grid.filtered .project-image{aspect-ratio:3/2}.project-grid.list-view{display:block}.list-view .project-card{margin:0;display:block;border-top:1px solid var(--line)}.list-view .project-card:last-child{border-bottom:1px solid var(--line)}.list-view .project-image{display:none}.list-view .project-caption{grid-template-columns:60px 1fr 160px 80px 30px;padding:28px 0;align-items:center}.list-view .project-name{font-family:Syne,sans-serif;font-size:clamp(20px,2.8vw,42px);font-weight:500}.list-view .item-number,.list-view .discipline-label,.list-view .year{font-size:10px;grid-column:auto;grid-row:auto}.list-view .index-arrow{display:block;font-size:25px;text-align:right}.list-view .project-card:hover .project-name{color:var(--accent)}
.showreel{background:#111;color:#edebe6;padding:28px var(--pad) 20px}.showreel .section-top{color:#a5a49e}.reel-open{position:relative;display:block;width:100%;text-align:left;padding:75px 0 65px}.reel-number{display:block;margin-bottom:25px;font-size:9px;color:#a5a49e}.reel-open h2{font-family:Syne,sans-serif;font-weight:600;font-size:clamp(90px,14vw,215px);letter-spacing:-.06em;line-height:.9}.reel-open h2 span{-webkit-text-stroke:1px #edebe6;color:transparent}.reel-play{position:absolute;right:5%;top:43%;font-size:clamp(70px,12vw,170px);font-weight:300}.reel-open:hover .reel-play{color:var(--accent)}.reel-instruction{display:block;margin-top:40px;color:#a5a49e;font-size:9px}.reel-footer{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid #444;font-size:8px;color:#a5a49e}.marquee{overflow:hidden;border-bottom:1px solid var(--line);padding:22px 0}.marquee>div{font-family:Syne,sans-serif;font-weight:600;font-size:clamp(22px,3vw,50px);letter-spacing:-.03em;white-space:nowrap;width:max-content;animation:marquee 45s linear infinite}.marquee span{margin:0 45px;font-family:Plex,monospace;font-weight:400;color:var(--muted)}@keyframes marquee{to{transform:translateX(-50%)}}.marquee:hover>div{animation-play-state:paused}.studio{padding-top:60px}.studio-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin:65px 0 70px}.studio-heading>.mono{grid-column:1/4;padding-top:15px;color:var(--muted)}.studio-heading h2{grid-column:4/13;font-family:Syne,sans-serif;font-weight:600;font-size:clamp(48px,7vw,115px);letter-spacing:-.055em;line-height:1.03}.studio-heading h2 span{color:var(--muted)}.studio-bottom{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.studio-collage{grid-column:1/8;display:flex;align-items:start;padding-bottom:70px;padding-right:20px}.bts{background:var(--plate);display:grid;place-items:center;position:relative}.bts-one{width:58%;aspect-ratio:4/5;transform:rotate(-3deg);margin-left:15px}.bts-two{width:48%;aspect-ratio:1;transform:rotate(5deg);margin-left:-20px;margin-top:140px;background:var(--plate-alt);border:5px solid var(--paper)}.bts>.mono{font-size:9px;color:var(--muted)}.bts-meta{position:absolute;left:13px;bottom:12px;font-size:7px!important}.studio-copy{grid-column:9/13;padding-top:20px}.studio-copy>p{font-size:15px;line-height:1.7;color:var(--muted)}.services{margin-top:38px}.services>span{display:block;color:var(--muted);font-size:8px;margin-bottom:15px}.services p{border-top:1px solid var(--line);padding:13px 0;font-size:10px}.services p>span{display:inline-block;width:40px;color:var(--muted);font-size:8px}.contact{border-top:1px solid var(--line);padding-top:30px;padding-bottom:60px}.contact h2{font-family:Syne,sans-serif;font-size:clamp(65px,9vw,145px);font-weight:600;line-height:1.05;letter-spacing:-.055em;margin:60px 0 45px}.contact h2 span{color:var(--muted)}.copy-email{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;font-family:Syne,sans-serif;font-size:clamp(23px,4.7vw,78px);font-weight:500;letter-spacing:-.055em;text-align:left;border-bottom:1px solid var(--ink);padding-bottom:18px}.copy-email:hover>span:last-child{color:var(--accent)}.contact-meta{display:flex;justify-content:space-between;gap:25px;font-size:8px;color:var(--muted);margin-top:23px}.colophon{display:flex;gap:6vw;align-items:end;border-top:1px solid var(--line);padding:30px var(--pad);}.footer-logo{width:36px}.colophon .mono{font-size:8px}.colophon p{margin-top:10px;line-height:1.8}.colophon>a{margin-left:auto;align-self:end}.cursor{display:none;position:fixed;left:0;top:0;width:7px;height:7px;background:var(--accent);border-radius:50%;z-index:60;pointer-events:none;transform:translate(-50%,-50%);align-items:center;justify-content:center;font:9px Plex,monospace;color:#111;transition:width .2s,height .2s,opacity .2s}.cursor.has-label{width:58px;height:58px}.index-preview{display:none;position:fixed;left:0;top:0;width:225px;height:165px;background:var(--plate-alt);border:1px solid var(--line);z-index:15;pointer-events:none;padding:15px;transform:rotate(-4deg)}.index-preview .mono{font-size:8px}.index-preview strong{display:block;text-align:center;font:65px Syne,sans-serif;color:var(--muted);margin-top:15px}.index-preview.is-visible{display:block}
dialog{border:0;padding:0;color:var(--ink);background:var(--paper);width:100%;max-width:none;height:100%;max-height:none;margin:0;overscroll-behavior:contain}dialog::backdrop{background:#111c}.dialog-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2;background:var(--paper);padding:20px var(--pad);border-bottom:1px solid var(--line)}.dialog-header button{padding:8px;font-family:Plex,monospace;font-size:10px}.project-dialog[open]{animation:panel-in .3s ease-out}.media-placeholder{position:relative;background:var(--plate);display:grid;place-items:center}.project-cover{height:65vh;min-height:300px;overflow:hidden}.project-cover>.mono{z-index:1;color:var(--muted)}.cover-index{position:absolute;right:var(--pad);bottom:-.13em;font-family:Syne,sans-serif;font-size:40vw;line-height:1;letter-spacing:-.1em;color:var(--muted);opacity:.17}.detail-content{padding:60px var(--pad)}.detail-content h2{font:600 clamp(55px,9vw,150px)/1 Syne,sans-serif;letter-spacing:-.06em}.project-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:var(--muted)}.project-meta span{display:block;margin-top:10px;color:var(--ink)}.project-story{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin:75px 0}.project-story>.mono{color:var(--muted)}.project-story p{font-size:22px;line-height:1.5;max-width:630px}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-pair>div{aspect-ratio:4/5}.detail-wide{aspect-ratio:16/9;margin-top:24px}.next-project{font:600 clamp(55px,8vw,130px)/1 Syne,sans-serif;letter-spacing:-.06em;text-align:left;margin-top:70px}.next-project span{color:var(--muted)}.next-project:hover span{color:var(--accent)}.reel-dialog{background:#111;color:#edebe6}.reel-dialog .dialog-header{background:#111;border-color:#444}.reel-stage{height:calc(100dvh - 150px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:relative}.reel-stage>.crosshair{top:40%}.reel-stage>p{margin-top:90px}.reel-stage>span.mono{color:#aaa;font-size:9px}.reel-controls{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #444;padding:20px var(--pad);font-size:9px}.mobile-menu{padding:25px;background:var(--paper);color:var(--ink)}.mobile-menu .menu-close{display:block;margin-left:auto}.mobile-menu nav{display:grid;gap:25px;margin:50px 0}.mobile-menu nav a{font:600 60px/.86 Syne,sans-serif;letter-spacing:-.05em;position:relative;display:block;width:fit-content}.mobile-menu nav span{font:10px Plex,monospace;position:absolute;right:-50px;top:0;color:var(--muted)}@keyframes panel-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}.project-card.entering{animation:item-in .35s ease-out}@keyframes item-in{from{opacity:0;transform:translateY(14px);clip-path:inset(8% 0 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@media(min-width:1700px){.hero-grid{min-height:740px}.hero-notes{padding-top:50px}.hero-side{padding-bottom:75px}}
@media(max-width:1100px){.header{gap:22px}.header nav{gap:22px}.hero-grid{gap:18px;min-height:540px}.hero-brand{grid-column:2/8;max-width:370px}.hero-side{grid-column:1/2}.hero-notes{grid-column:9/13;padding-top:10px}.hero-notes-bottom{font-size:6px;display:block}.hero-notes-bottom span{display:block}.intro-note>p{font-size:25px}.hero-reel{padding-top:30px}.toolbar-note{display:none}.project-grid{gap:50px 20px}.p02{margin-top:70px}.p03{margin-top:-15px}.p04{margin-top:55px}.project-caption{gap:6px}.project-name{font-size:10px}.project-caption .mono{font-size:7px}.list-view .project-caption{grid-template-columns:40px 1fr 115px 60px 25px}.studio-copy{grid-column:8/13}.studio-collage{grid-column:1/8}.bts-two{margin-top:110px}.colophon{gap:35px}.contact-meta{flex-wrap:wrap}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:77px;padding-top:14px;padding-bottom:14px;gap:18px}.small-brand{width:26px}.header-meta{font-size:7px}.header nav{display:none}.theme-button{margin-left:auto;padding-left:0;border:0;gap:6px}.theme-button>span:first-child{font-size:21px}.theme-name{display:none}.menu-button{display:block;font-size:9px}.menu-button span{font-size:16px;margin-left:7px}.hero{padding-top:18px}.hero-top{font-size:8px}.hero-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 12px;margin-top:28px;min-height:0}.hero-side{grid-column:1;grid-row:1;padding:6px 0 0;font-size:7px}.vertical-label{font-size:7px;letter-spacing:.05em}.hero-coords{font-size:6px;white-space:nowrap}.hero-brand{grid-column:2/6;grid-row:1;max-width:none;padding-bottom:0}.hero-signature{margin-top:17px}.hero-notes{grid-column:1/7;display:grid;grid-template-columns:1fr 1.2fr;gap:18px;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.intro-note .marker{font-size:6px;letter-spacing:-.02em}.intro-note>p{font-size:20px;line-height:1.18;margin:13px 0}.placeholder-note{font-size:6px;line-height:1.6;display:block}.hero-reel{padding:0;margin:0}.reel-placeholder{aspect-ratio:1.2}.corner-top,.corner-bottom{font-size:5px;left:8px}.corner-top{top:8px}.corner-bottom{bottom:8px}.crosshair{width:22px;height:22px}.placeholder-name{font-size:6px}.reel-corner{font-size:17px;right:8px;bottom:6px}.hero-notes-bottom{display:none}.hero-bottom{font-size:7px;margin-top:14px;padding:19px 0;align-items:center}.drag-hint{max-width:110px}.hero-bottom a span{margin-left:10px}.section{padding:35px var(--pad) 45px}.section-top{font-size:7px;gap:12px}.section-top>span:last-child{text-align:right}.work{padding-top:38px}.work-heading{margin-top:20px}.work h2{font-size:67px}.work-count{font-size:8px;margin:9px 0 0 9px}.view-toggle{font-size:8px;gap:15px;padding-bottom:8px}.view-toggle span{display:none}.work-toolbar{margin:22px 0 27px;padding-top:17px}.filters{gap:18px;font-size:8px;width:100%;justify-content:space-between}.filters sup{font-size:6px;margin-left:3px}.project-grid{display:block}.project-card{margin:0 0 32px!important;width:100%}.p02{width:78%;margin-left:auto!important}.p03{width:85%}.project-caption{grid-template-columns:22px 1fr auto;padding:12px 0}.project-name{font-size:11px}.project-caption .mono{font-size:8px}.image-top,.image-bottom{font-size:7px;left:12px}.image-top{top:10px}.image-bottom{bottom:10px}.plate-number{font-size:75px}.placeholder-center>.mono{font-size:8px}.reg-tl{left:12px;top:34px}.reg-br{right:12px;bottom:34px}.registration{width:17px;height:17px}.image-plus{bottom:4px;right:12px;font-size:24px}.project-grid.filtered .project-card{width:100%;margin:0 0 28px!important}.work-foot{font-size:6px;gap:12px}.work-foot>span:last-child{text-align:right}.list-view .project-card{margin:0!important;width:100%}.list-view .project-caption{grid-template-columns:24px 1fr 45px 18px;gap:7px;padding:23px 0}.list-view .project-name{font-size:18px}.list-view .discipline-label{grid-column:2;grid-row:2;font-size:7px}.list-view .year{grid-column:3;grid-row:1;font-size:7px}.list-view .item-number{font-size:8px}.list-view .index-arrow{grid-column:4;grid-row:1;font-size:20px}.showreel{padding:22px var(--pad) 18px}.reel-open{padding:45px 0 35px}.reel-open h2{font-size:23vw}.reel-number{font-size:7px;margin-bottom:22px}.reel-play{right:0;top:34%;font-size:75px}.reel-instruction{font-size:6px;margin-top:30px}.reel-footer{font-size:6px}.marquee{padding:17px 0}.marquee>div{font-size:24px}.marquee span{margin:0 20px}.studio-heading{display:block;margin:35px 0}.studio-heading>.mono{font-size:8px;display:block;padding:0;margin-bottom:20px}.studio-heading h2{font-size:12vw;letter-spacing:-.055em}.studio-bottom{display:block}.studio-collage{padding:0 15px 35px 0}.bts-one{margin-left:6px}.bts-two{margin-top:65px;margin-left:-10px;border-width:3px}.bts>.mono{font-size:6px}.bts-meta{font-size:5px!important;left:7px;bottom:8px}.studio-copy{padding-top:10px}.studio-copy>p{font-size:14px;max-width:350px}.services{margin-top:25px}.contact h2{font-size:12vw;margin:35px 0 30px}.copy-email{font-size:6.5vw;gap:10px;padding-bottom:15px}.contact-meta{display:grid;grid-template-columns:1fr 1fr;gap:22px 15px;font-size:6px}.contact-meta>span:first-child{grid-column:1/-1}.colophon{flex-wrap:wrap;gap:25px 20px;padding:24px var(--pad)}.footer-logo{width:28px}.colophon .mono{font-size:6px}.colophon>div:nth-of-type(2){margin-left:48px}.colophon>a{font-size:6px}.index-preview{display:none!important}.cursor{display:none!important}.project-cover{height:45vh;min-height:220px}.dialog-header{padding:15px var(--pad);font-size:8px}.detail-content{padding:35px var(--pad)}.detail-content h2{font-size:15vw}.project-meta{grid-template-columns:1fr 1fr;font-size:8px;gap:22px}.project-story{display:block;margin:40px 0}.project-story p{font-size:17px;margin-top:20px}.detail-pair{gap:12px}.detail-pair .mono,.detail-wide .mono{font-size:7px}.detail-wide{margin-top:12px}.next-project{font-size:14vw;margin-top:35px}.reel-controls{font-size:6px;gap:10px;padding:18px var(--pad)}.reel-stage{height:calc(100dvh - 135px)}}
.marquee{position:relative}.marquee-toggle{position:absolute;right:var(--pad);top:50%;transform:translateY(-50%);padding:8px 12px;background:var(--paper);border:1px solid var(--line);font-size:8px}.marquee.paused>div{animation-play-state:paused}
.hero-intro-copy{font-size:13px;line-height:1.6;max-width:285px;color:var(--muted)}.intro-note>p{font-size:clamp(25px,2.6vw,42px)}.work-intro{margin-top:20px;font-size:14px;color:var(--muted)}.studio-copy>p+p{margin-top:18px}.studio-heading h2{font-size:clamp(43px,6.3vw,105px)}.content-chapter{display:flex;justify-content:space-between;gap:20px;color:var(--muted);margin-bottom:24px}.content-chapter h3{margin:0}.content-chapter .mono{font-size:9px}.needs{margin-top:50px}.needs details{border-top:1px solid var(--line)}.needs details:last-child{border-bottom:1px solid var(--line)}.needs summary{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;gap:20px;padding:25px 0;list-style:none;cursor:pointer}.needs summary::-webkit-details-marker{display:none}.needs summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.needs summary>span:nth-child(2){font-family:Syne,sans-serif;font-size:clamp(24px,2.8vw,44px);font-weight:500;letter-spacing:-.035em}.needs summary>.mono{color:var(--muted);font-size:9px}.need-toggle{font-size:28px;font-weight:300}.needs details[open] .need-toggle{transform:rotate(45deg);color:var(--accent)}.need-body{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;margin-left:90px;padding:5px 0 30px;font-size:14px;line-height:1.7;max-width:950px;color:var(--muted)}.need-request{font-size:17px;color:var(--ink)}.need-outcome{color:var(--ink);margin-top:16px;font-size:12px}.method{margin-top:65px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--line);padding-top:24px}.method-grid .mono{font-size:8px;color:var(--muted)}.method-grid h3{font-family:Syne,sans-serif;font-size:27px;font-weight:500;letter-spacing:-.04em;margin:20px 0 15px}.method-grid p{font-size:13px;line-height:1.7;color:var(--muted);max-width:240px}.method-note{font-size:12px;line-height:1.6;margin-top:30px;color:var(--muted)}.contact-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:780px;margin-bottom:40px;font-size:14px;line-height:1.7;color:var(--muted)}.contact-links{display:flex;flex-direction:column;gap:8px}.contact-links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.contact .copy-email{font-size:clamp(23px,4.5vw,74px)}
@media(max-width:1100px){.method-grid{gap:20px}.method-grid h3{font-size:23px}.need-body{gap:35px}.hero-intro-copy{font-size:12px}}
@media(max-width:700px){.hero-notes{grid-template-columns:1.2fr 1fr}.intro-note>p{font-size:20px}.hero-intro-copy{font-size:11px;line-height:1.5}.hero-reel{align-self:end}.hero-reel .reel-placeholder{aspect-ratio:1}.hero-bottom .drag-hint{max-width:135px}.studio-heading h2{font-size:10.5vw}.work-intro{font-size:12px;margin-top:14px}.content-chapter .mono{font-size:7px}.content-chapter>span{text-align:right}.needs{margin-top:35px}.needs summary{grid-template-columns:23px 1fr 18px;gap:10px;padding:23px 0}.needs summary>span:nth-child(2){font-size:22px}.needs summary>.mono{font-size:7px}.need-toggle{font-size:22px}.need-body{grid-template-columns:1fr;margin-left:33px;gap:14px;padding-bottom:25px;font-size:12px}.need-request{font-size:14px}.need-outcome{font-size:11px;margin-top:12px}.method{margin-top:40px}.method-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.method-grid h3{font-size:22px;margin:13px 0 10px}.method-grid p{font-size:12px}.method-grid .mono{font-size:7px}.method-note{font-size:11px}.contact-intro{grid-template-columns:1fr;gap:15px;font-size:13px;margin-bottom:28px}.contact .copy-email{font-size:6.7vw}.contact-meta{font-size:7px}}
.project-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.85);transition:transform .5s,filter .5s}.project-card:hover .project-image>img{transform:scale(1.025);filter:saturate(1)}.media-badge{position:absolute;top:12px;left:12px;background:var(--paper);color:var(--ink);font-size:8px;padding:5px 7px}.project-image .image-plus{background:var(--paper);color:var(--ink);right:12px;bottom:12px;width:28px;height:28px;display:grid;place-items:center;font-size:19px}.project-caption .year{display:none}.list-view .project-caption .year{display:block}.p05{grid-column:1/8;margin-top:10px}.p06{grid-column:9/13;margin-top:110px}.hero-motion{position:relative;padding-top:35px}.hero-motion>a{display:block;position:relative;overflow:hidden;background:var(--plate);aspect-ratio:1.45}.hero-motion video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%}.hero-media-label{position:absolute;left:10px;bottom:10px;background:var(--paper);padding:4px 6px;font-size:7px}.hero-motion-toggle{position:absolute;right:10px;top:45px;background:var(--paper);padding:5px 7px;font-size:8px}.showreel .reel-open{isolation:isolate;overflow:hidden;margin:28px 0;padding-left:30px;padding-right:30px}.reel-open:after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / .42);z-index:-1}.reel-open .reel-number,.reel-open .reel-instruction{color:#fff}.showreel .reel-open h2{font-size:clamp(75px,12vw,180px)}.bts{overflow:hidden}.bts>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.bts .bts-meta{background:var(--paper);color:var(--ink);padding:4px 6px;left:8px;bottom:8px;font-size:6px!important}.index-preview{padding:0;overflow:hidden}.index-preview>img{width:100%;height:100%;object-fit:cover}.project-cover{background:#111}.project-cover>img{width:100%;height:100%;object-fit:contain}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.project-gallery>img{display:block;width:100%;height:auto}.project-gallery>img:nth-child(3){grid-column:1/-1;max-height:85vh;object-fit:contain;background:var(--plate)}.project-video-wrap{margin:0 0 35px;background:#111;color:#edebe6;padding:15px}.project-video-wrap[hidden]{display:none}.project-video-wrap video{display:block;width:100%;max-height:75vh}.project-video-wrap p{font-size:9px;padding:12px 0 0}.reel-stage{height:calc(100dvh - 185px)}.reel-stage video{display:block;width:100%;height:100%;object-fit:contain}.reel-controls{align-items:center}.reel-controls input{flex:1;min-width:40px;max-width:50%;accent-color:var(--accent)}.reel-description{padding:0 var(--pad) 15px;color:#aaa;font-size:8px;max-width:900px}.project-dialog .detail-content h2{font-size:clamp(40px,7.2vw,115px);overflow-wrap:anywhere}
@media(max-width:700px){.hero-motion{padding-top:0}.hero-motion>a{aspect-ratio:1}.hero-motion-toggle{top:8px;right:6px;font-size:6px}.hero-media-label{font-size:5px;left:5px;bottom:5px;padding:3px 4px}.media-badge{font-size:6px;top:8px;left:8px}.p05,.p06{width:100%;margin:0 0 32px!important}.p06{width:82%;margin-left:auto!important}.showreel .reel-open{padding-left:17px;padding-right:17px}.showreel .reel-open h2{font-size:20vw}.showreel .reel-play{right:12px}.project-gallery{gap:14px;grid-template-columns:1fr}.project-gallery>img:nth-child(3){grid-column:auto}.project-meta{grid-template-columns:1fr 1fr}.reel-controls{flex-wrap:wrap}.reel-controls input{max-width:45%}.reel-description{font-size:7px}.reel-stage{height:calc(100dvh - 200px)}.project-dialog .detail-content h2{font-size:12vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.logo-row{transform:none!important}.cursor{display:none!important}.marquee>div{transform:none}.marquee-toggle{display:none}}

/* Additional archive entries retain the original asymmetric contact sheet. */
.more-work{display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-top:55px;font-size:11px}.more-work:hover{color:var(--accent)}.more-work[hidden]{display:none}.project-card[hidden]{display:none!important}
@media(min-width:701px){.p06 .project-image{aspect-ratio:1.2}.p07{grid-column:2/7;margin-top:5px}.p08{grid-column:9/13;margin-top:90px}.p09{grid-column:1/8;margin-top:0}.p10{grid-column:9/13;margin-top:95px}.project-grid.filtered .project-card{grid-column:span 6;margin-top:0}.project-grid.list-view .project-card{grid-column:auto;margin-top:0}}
@media(max-width:700px){.p08,.p10{width:82%;margin-left:auto!important}.more-work{font-size:9px;margin-top:15px}.project-grid.filtered .project-card,.project-grid.list-view .project-card{width:100%}}

/* Language control and Turkish text fit; approved visual system is unchanged. */
.language-switch{font-size:10px;flex-shrink:0;text-decoration:underline;text-underline-offset:4px}.language-switch:hover{color:var(--accent)}
html[lang=tr] .studio-heading h2{font-size:clamp(40px,5.6vw,94px)}
@media(max-width:700px){.header{gap:14px}.language-switch{margin-left:auto;font-size:9px}.theme-button{margin-left:0}html[lang=tr] .studio-heading h2{font-size:9vw}html[lang=tr] .project-name{font-size:10px}html[lang=tr] .project-caption .mono{font-size:7px}html[lang=tr] .list-view .project-name{font-size:18px}html[lang=tr] .filters{gap:12px}html[lang=tr] .intro-note>p{font-size:19px}}

/* Alternative brand signature: original version preserved separately. */
.hero-signature.signature-type{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;margin-left:0;font-family:Plex,monospace;font-size:clamp(12px,1.5vw,24px);font-weight:400;line-height:1.5;padding-top:7px;white-space:nowrap;color:#111}.signature-space{width:.55em;flex-shrink:0}@media(max-width:700px){.hero-signature.signature-type{font-size:clamp(9px,2.4vw,17px);padding-top:5px}}

/* Logo motion: smoke canvas per row, and drawings that come and go behind the logo */
.logo-row{position:relative;z-index:1}.logo-motion-ready .logo-row{background-image:none}.logo-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.logo-art{position:absolute;left:0;top:0;width:100%;aspect-ratio:1237/1682;z-index:0;pointer-events:none}.logo-art img{position:absolute;left:50%;top:50%;width:44%;height:34%;object-fit:contain;translate:-50% -50%;opacity:0}.logo-art.is-canvas img{display:none}.logo-art canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.logo-art img:first-child{opacity:1}html[data-theme=dark] .logo-art{filter:invert(1)}

/* Logo pause button (smoke and drawings, see logo-motion.js / logo-art.js) */
.logo-motion-toggle{color:var(--muted)}.logo-motion-toggle:hover{color:var(--accent)}
@media(max-width:700px){.logo-motion-toggle{white-space:nowrap}}

/* Large screens (above 1440): the hero keeps its 1440 composition. --hero-w is the logo width: it grows with the
   screen width but never so tall that the hero (down to its bottom bar with PAUSE MOTION) leaves the screen. Intro text and the hero grid scale from it; the portrait grows from its bottom-left corner into the free space
   under the intro text (as large as fits, keeping its 1.45 ratio), and on ultra-wide screens logo + portrait stay centred while the side label keeps to the left edge. */
@media(min-width:1441px){.hero{--hero-w:min(30.8vw,calc((100vh - 352px) / 1.36))}.hero-grid{min-height:0}.hero-grid{column-gap:0;grid-template-columns:minmax(calc(var(--hero-w) * .5),1fr) var(--hero-w) calc(var(--hero-w) * .4955) calc(var(--hero-w) * .944) 1fr}.hero-side{grid-column:1;justify-self:start}.hero-brand{grid-column:2}.hero-brand{max-width:var(--hero-w)}.hero-notes{grid-column:4/6}.hero-reel{flex:1 1 0;min-height:0;margin-top:0;padding-top:0;position:relative;container-type:size}.hero-motion>a{position:absolute;left:0;bottom:22px;width:min(100cqw,calc((100cqh - 46px) * 1.45));height:auto}.hero-motion-toggle{top:auto;right:auto;left:calc(min(100cqw,calc((100cqh - 46px) * 1.45)) - 10px);translate:-100% 0;bottom:calc(min(100cqw,calc((100cqh - 46px) * 1.45)) / 1.45 - 8px)}.hero-notes-bottom{position:absolute;left:0;bottom:0;height:22px;align-items:end;padding:0;width:min(100cqw,calc((100cqh - 46px) * 1.45))}.intro-note>p{font-size:max(36px,calc(var(--hero-w) * .081))}.hero-intro-copy{max-width:calc(var(--hero-w) * .64);font-size:max(13px,calc(var(--hero-w) * .0293))}}
/* 1101-1440: keep the approved size, but on short screens shrink the logo so the bottom bar stays on screen */
@media(min-width:1101px) and (max-width:1440px){.hero{--hero-h:min(444px,calc((100vh - 352px) / 1.36))}.hero-brand{max-width:var(--hero-h)}.hero-reel,.hero-notes-bottom{max-width:calc(var(--hero-h) * .944)}.hero-grid{min-height:0}}