*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#111313;color:#f4f4ee;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}header{padding:25px 5vw;border-bottom:1px solid #353838;display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:28px;font-weight:800}.wordmark span{font-size:12px;letter-spacing:2px;margin-left:14px}nav{display:flex;gap:32px;font-size:14px}.hero{padding:85px 5vw 68px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:#b7beb9}h1{font-size:clamp(46px,6.6vw,104px);font-weight:500;letter-spacing:-.055em;line-height:1.07;margin:32px 0 40px}h1 em{font-family:Georgia,serif;font-weight:400;color:#d5f878}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{color:#b7beb9;font-size:18px}.button{display:inline-block;border:1px solid #d5f878;padding:13px 25px;color:#d5f878;border-radius:50px}section{padding:65px 5vw}.section-head{display:flex;justify-content:space-between;border-top:1px solid #353838;padding-top:25px;margin-bottom:35px}h2{font-size:clamp(30px,3.5vw,52px);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin:0}:root{color-scheme:dark;--accent:#d5f878;--line:#353838;--muted:#b7beb9}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button:hover .play{background:var(--accent);color:#111313}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:#111;padding:12px;z-index:100}.skip:focus{top:10px}.divider{padding:0 15px;color:#656c67}.nav-contact{color:var(--accent)}.hero{padding-bottom:45px}.work-section{padding-top:20px}.section-note{margin:0;color:var(--muted);text-align:right;font-size:16px}.accent{color:var(--accent)}.media{border:0;padding:0;display:block;position:relative;width:100%;overflow:hidden;background:#080909;color:#fff;text-align:left}.media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.media:hover img{transform:scale(1.025)}.feature-media{aspect-ratio:2.12}.feature-media img{object-position:center}.media-label{position:absolute;top:22px;left:24px;background:#111313d9;padding:6px 12px;font-size:12px;letter-spacing:1.5px;border-radius:2px}.play{position:absolute;bottom:26px;right:28px;background:#f4f4ee;color:#111313;border-radius:50px;display:flex;align-items:center;gap:15px;padding:15px 25px;font-size:14px;transition:background .2s}.play span{font-size:14px}.project-caption{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:26px 0 65px}.project-caption .eyebrow{margin:0 0 14px}.project-copy{max-width:480px;justify-self:end}.project-copy p{margin:4px 0 18px;color:var(--muted)}.role{font-size:14px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tags span{border:1px solid #4b524b;border-radius:50px;padding:5px 12px;font-size:12px;color:#cbd1c9}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.video-grid .media{aspect-ratio:4/3}.video-grid .portrait img{object-fit:contain;background:#1b1f1b}.small{padding:10px 16px;bottom:15px;right:15px}.card-title{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:18px}h3{font-size:21px;letter-spacing:-.025em;font-weight:500;line-height:1.25;margin:0}.card-title>span{font-size:12px;color:var(--muted);white-space:nowrap}.muted{color:var(--muted);font-size:14px;margin:10px 0 0;line-height:1.7}.text-link{display:inline-block;border-bottom:1px solid #8a9386;padding:6px 0;font-size:14px}.text-link:hover{color:var(--accent);border-color:var(--accent)}.archive{margin-top:35px}.design-section{background:#1a1d1c}.design-section .section-head{border:0;padding-top:0}.design-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:45px 25px}.design-card{grid-column:span 2}.design-card.wide{grid-column:span 3}.design-image{display:block;position:relative;aspect-ratio:1.25;overflow:hidden;background:#232923}.design-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.design-image:hover img{transform:scale(1.025)}.design-image.hongs{background:#ebebeb}.hongs img{object-fit:contain}.logo img{object-fit:contain;padding:40px}.baby{background:#29231b}.badge{background:#dadfdb}.poster img{object-fit:contain;background:#ff9c08}.view-label{position:absolute;bottom:12px;right:12px;padding:6px 12px;font-size:12px;background:#111313e8;color:#fff}.digital-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px}.dropload{background:#d5f878;color:#182111;padding:40px}.project-index{font-size:12px;letter-spacing:1.2px}.dropload h3{font-size:clamp(46px,5vw,72px);font-weight:600;letter-spacing:-.06em;margin:24px 0}.dropload h3 span{float:right;font-weight:400}.dropload .tags span{color:#283e19;border-color:#8ca852}.dropload p{max-width:510px}.dropload .muted{color:#3c502b}.dropload summary{cursor:pointer;border-bottom:1px solid #8da551;padding:10px 0;font-size:14px}.dropload details{margin-top:24px}.detail-content{font-size:14px}.web-projects{padding:20px 0}.web-projects h3{font-size:34px;line-height:1.2;margin:20px 0}.web-row{padding:22px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px}.web-row small{font-size:12px;color:var(--muted);align-self:center}.small-note{color:var(--muted);font-size:12px}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;margin:70px 0}.name-block>p{font-size:clamp(36px,4.8vw,65px);line-height:1.08;letter-spacing:-.04em;margin:0 0 32px}.name-block>p>span{font-family:Georgia,serif;font-style:italic;color:var(--accent)}.about-copy>p{color:var(--muted)}.about-copy .intro-copy{font-size:24px;color:#f4f4ee;line-height:1.5;margin-top:0}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.services>div{border-top:1px solid var(--line);padding-top:20px}.services span{font-size:12px;color:var(--accent)}.services h3{margin-top:20px}.services p{color:var(--muted);font-size:14px}.tools{margin:45px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.tools span{font-size:12px;letter-spacing:1px;display:block;color:#eee;margin-bottom:12px}.contact{background:var(--accent);color:#182111;padding-top:70px;padding-bottom:70px}.contact .eyebrow{color:#354726}.contact h2{font-size:clamp(38px,5.5vw,80px);margin:28px 0 45px}.contact h2 em{font-family:Georgia,serif;font-weight:400}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.filled{background:#182111;color:#fff;border-color:#182111}.contact-bottom>div{display:flex;flex-direction:column;font-size:16px}.contact-bottom a:hover{text-decoration:underline}footer{padding:30px 5vw;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:20px}footer>div{display:flex;gap:25px}dialog{width:min(1000px,94vw);padding:20px;border:1px solid #51584f;background:#111313;color:#fff;max-height:92dvh}dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.dialog-head h2{font-size:20px;letter-spacing:0}.close{border:1px solid #596351;background:transparent;color:#fff;padding:8px 16px;border-radius:30px;font-size:14px}#player{display:block;width:100%;max-height:72dvh;background:#000}#video-error{font-size:14px}#video-error a{text-decoration:underline}body.modal-open{overflow:hidden}
@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}
@media(max-width:900px){.wordmark span{display:none}h1{font-size:8vw}.hero{padding-top:60px}.video-grid{gap:15px}.card-title{display:block}.card-title span{display:none}.small{font-size:12px;gap:8px}.design-card,.design-card.wide{grid-column:span 3}.design-card:last-child{grid-column:span 6}.design-card:last-child .design-image{aspect-ratio:2}.digital-grid{gap:30px}.dropload{padding:28px}.about-grid{gap:35px}.logo img{padding:25px}}
@media(max-width:600px){header{padding:18px 6vw}nav{gap:19px}.wordmark{font-size:25px}section{padding:48px 6vw}.hero{padding:48px 6vw 38px}h1{font-size:clamp(40px,9.4vw,58px);letter-spacing:-.055em;margin:24px 0 28px}.hero .eyebrow{font-size:12px;letter-spacing:1px}.divider{padding:0 5px}.hero-bottom{display:block}.hero-bottom p{font-size:16px}.hero-bottom .button{margin-top:10px}.button{font-size:14px}.section-head{display:block;margin-bottom:25px}.section-head .eyebrow{margin-bottom:20px}.section-note{text-align:left}.feature-media{aspect-ratio:16/10}.media-label{top:12px;left:12px;font-size:12px;padding:4px 8px;letter-spacing:.5px}.play{right:12px;bottom:12px;padding:10px 17px}.project-caption{grid-template-columns:1fr;gap:22px;padding-bottom:40px}.project-copy{justify-self:start}.video-grid{grid-template-columns:1fr;gap:30px}.video-grid .media{aspect-ratio:16/10}.video-grid .portrait{aspect-ratio:4/3}.card-title{display:flex}.card-title>span{display:block}.design-grid{grid-template-columns:1fr;gap:35px}.design-card,.design-card.wide,.design-card:last-child{grid-column:auto}.design-card:last-child .design-image{aspect-ratio:1.25}.digital-grid{grid-template-columns:1fr;gap:35px}.dropload{padding:28px}.about-grid{grid-template-columns:1fr;gap:36px;margin:40px 0}.about-copy .intro-copy{font-size:21px}.services{grid-template-columns:1fr;gap:22px}.services h3{margin-top:10px}.contact-bottom{align-items:start;flex-direction:column}.contact h2{font-size:42px}footer{padding:25px 6vw;flex-direction:column}footer>div{gap:22px;flex-wrap:wrap}.desktop{display:none}h3{font-size:20px}.web-row{flex-direction:column;gap:4px}.web-row small{align-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}