@import url('../shared/presentation.css');
@font-face{font-family:Manrope;src:url('../direction-02/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Syne;src:url('../direction-03/fonts/syne-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#edeee9;--ink:#202825;--muted:#616963;--accent:#a33b23;--line:#c8cec7;--soft:#dce1da;--gutter:clamp(22px,3.2vw,70px);--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Manrope,'Doit Korean','Apple SD Gothic Neo',sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{opacity:.3;cursor:default}h1,h2,h3,p{margin:0}img{display:block;width:100%;height:auto}svg{display:block}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.micro{font:9px/1.5 Manrope,sans-serif;letter-spacing:.055em}.skip{position:fixed;left:20px;top:-100px;padding:15px 25px;z-index:100;background:var(--ink);color:var(--paper)}.skip:focus{top:15px}.signal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.site-header{max-width:1900px;margin:auto;padding:0 var(--gutter);height:78px;display:flex;align-items:center;gap:50px}.small-brand{min-height:48px;display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.025em;white-space:nowrap}.small-brand svg{width:20px;height:20px;stroke:var(--accent);stroke-width:2}.header-label{font-size:7px;color:var(--muted);letter-spacing:.04em}.site-header nav{display:flex;gap:35px;margin-left:auto;align-items:center}.site-header nav a{display:flex;gap:6px;align-items:center;min-height:48px;font-size:11px}.site-header sup{font-size:7px;align-self:flex-start;margin-top:12px;color:var(--accent)}.site-header nav a:last-child{margin-left:25px;gap:35px}.site-header nav span{font-size:23px}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}
.portfolio{padding:0 var(--gutter);max-width:1900px;margin:auto}.masthead{border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr .45fr;gap:50px;align-items:center;padding:24px 0 36px}.masthead h1{font:700 clamp(100px,13vw,205px)/.85 Syne,sans-serif;letter-spacing:-.085em;padding-bottom:12px}.brand-period{color:var(--accent)}.masthead-description{padding-top:6px}.masthead-description>p{font:400 clamp(21px,2vw,30px)/1.25 Manrope;letter-spacing:-.04em}.masthead-description>span{display:block;font-size:10px;line-height:1.9;margin-top:20px;color:var(--muted)}.masthead-index{justify-self:end;display:flex;flex-direction:column;align-items:end;gap:25px}.masthead-index .micro{font-size:7px;text-align:right;color:var(--muted)}.masthead-index svg{width:62px;height:62px;fill:none;stroke:var(--accent);stroke-width:2}.work-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);min-height:66px;gap:25px}.work-label{display:flex;gap:11px;align-items:center}.work-label h2{font:400 12px Manrope;letter-spacing:-.02em}.work-label>.micro{font-size:8px;color:var(--muted);margin-left:5px}.view-options{display:flex;gap:25px;align-items:center;margin-left:5vw}.view-options>a{min-height:48px;display:flex;align-items:center;font-size:10px;color:var(--muted);position:relative}.view-options>a[aria-current=page]{color:var(--ink)}.view-options>a[aria-current=page]:after{content:'';position:absolute;bottom:8px;left:0;right:0;height:1px;background:var(--ink)}.toolbar-note{color:var(--muted);font-size:7px}.photo-rail{--columns:4fr 1fr 1fr 1fr 1fr;display:grid;grid-template-columns:var(--columns);gap:8px;transition:grid-template-columns 750ms var(--ease);outline-offset:8px}.panel{min-width:0;overflow:hidden}.panel-image{display:block;position:relative;overflow:hidden;background:var(--soft);height:clamp(390px,48svh,710px)}.panel-image img{height:100%;object-fit:cover;object-position:50% 32%;user-select:none;-webkit-user-drag:none}.panel:nth-child(2) img{object-position:50% 0%}.panel:nth-child(3) img{object-position:50% 0%}.panel:nth-child(4) img{object-position:50% 0%}.panel:nth-child(5) img{object-position:50% 12%}.open-marker{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:48px;height:48px;background:var(--paper);color:var(--ink);font-size:27px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .35s var(--ease)}.is-active .open-marker,.panel-image:focus-visible .open-marker{opacity:1;transform:none}.panel-caption{min-height:59px;width:100%;display:flex;align-items:center;gap:14px;white-space:nowrap;text-align:left;overflow:hidden;border-bottom:1px solid var(--line);transition:border-color .3s}.panel-number{font-size:9px;color:var(--muted);flex-shrink:0;width:20px}.panel-name{font-size:15px;letter-spacing:-.035em;opacity:0;transition:opacity .35s}.panel-category{font-size:7px;letter-spacing:.04em;color:var(--muted);margin-left:auto;padding-right:7px;opacity:0;transition:opacity .35s;white-space:nowrap}.panel.is-active .panel-name,.panel.is-active .panel-category{opacity:1}.panel.is-active .panel-caption{border-color:var(--accent)}.panel.is-active .panel-number{color:var(--accent)}.rail-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:82px}.rail-footer>.micro{font-size:7px;color:var(--muted)}.rail-controls{display:flex;gap:7px}.rail-controls button{width:48px;height:48px;font:22px Manrope;display:grid;place-items:center;transition:background .2s}.rail-controls button:hover{background:var(--soft)}.rail-result{font-variant-numeric:tabular-nums}.mobile-help{display:none}.filters{display:flex;gap:28px;align-items:center;padding-bottom:22px}.filters button{min-height:48px;min-width:48px;font-size:11px;display:flex;align-items:center;gap:8px;color:var(--muted)}.filters sup{font-size:7px;color:var(--muted)}.filters button[aria-pressed=true]{color:var(--accent)}.photo-rail.is-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 24px;transition:none}.is-overview .panel-image{height:auto;aspect-ratio:4/5}.is-overview .panel-caption{gap:10px}.is-overview .panel-name,.is-overview .panel-category{opacity:1}.is-overview .panel-category{font-size:6px}.is-overview .open-marker{opacity:0}.is-overview .panel-image:is(:hover,:focus-visible) .open-marker{opacity:1;transform:none}.portfolio:has(.is-overview) .rail-controls{visibility:hidden}.portfolio:has(.is-overview) #rail-help{visibility:hidden}
.studio{max-width:1900px;margin:auto;padding:100px var(--gutter) 110px}.studio-top{padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:var(--muted)}.studio-top .micro{font-size:8px}.studio-top p{display:flex;gap:12px;align-items:center}.studio-statement{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end;margin:68px 0 85px}.studio-statement h2{font:700 clamp(55px,8vw,132px)/.99 Syne;letter-spacing:-.06em}.studio-statement h2 span{color:var(--accent)}.studio-statement>div{padding-bottom:10px}.studio-statement>div>p:first-child{font-size:22px;line-height:1.5;letter-spacing:-.045em;margin-bottom:27px}.studio-statement>div>p:last-child{font-size:12px;line-height:1.9;color:var(--muted)}.service-list{border-top:1px solid var(--line)}.service-list>a{display:flex;align-items:center;gap:35px;min-height:150px;border-bottom:1px solid var(--line);padding:25px 0;transition:padding .4s var(--ease),background .4s}.service-list>a:hover{padding-inline:18px;background:var(--soft)}.service-index{align-self:flex-start;padding-top:11px;color:var(--accent);width:40px}.service-list h3{font:400 clamp(28px,3vw,46px)/1.2 Manrope;letter-spacing:-.045em}.service-list p{font-size:10px;color:var(--muted);margin-top:13px}.service-label{margin-left:auto;color:var(--muted);font-size:8px}.service-list b{font:36px Manrope;margin-left:4vw}
.footer{background:var(--accent);color:#fff8ee;padding:38px max(var(--gutter),calc((100vw - 1775px)/2)) 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top .micro{font-size:8px}.footer-cta{display:flex;align-items:center;justify-content:space-between;font:700 clamp(65px,12vw,205px)/1.25 Syne;letter-spacing:-.065em;padding:50px 0 60px;gap:25px}.footer-cta>span{font:clamp(80px,12vw,205px)/1 Manrope}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #fff8ee66;min-height:80px;font-size:9px}.footer-bottom>a{min-height:48px;display:flex;align-items:center}.study-note{font-size:8px;line-height:1.8;color:#fff8ee}
.project-view{max-width:1500px;margin:auto;padding:35px var(--gutter) 80px;min-height:100vh}.project-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.project-back{min-height:48px;display:flex;align-items:center;gap:18px;font-size:9px}.project-back span{font-size:22px}.project-top>.micro{color:var(--muted);font-size:8px}.project-heading{margin:45px 0;display:flex;justify-content:space-between;align-items:end;gap:55px;padding-bottom:35px;border-bottom:1px solid var(--line)}.project-heading h1{font:400 clamp(70px,9vw,145px)/.94 Manrope;letter-spacing:-.03em;overflow-wrap:anywhere}.project-heading h1 em{color:var(--accent)}.project-info{max-width:280px}.project-info>.micro{color:var(--accent);font-size:8px}.project-info p{font-size:11px;line-height:1.9;color:var(--muted)}.project-info .project-subtitle{font:italic 29px/1.2 Manrope;color:var(--ink);margin:18px 0}.project-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:70px 5%}.project-photo{grid-column:span 6;min-width:0}.project-photo:first-child,.project-photo:last-child:nth-child(even){grid-column:3/11}.project-photo img{object-fit:contain;max-height:950px;background:var(--soft)}.project-photo:nth-child(3){margin-top:150px}.project-photo>span{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:var(--muted);padding-top:15px}.project-photo i{font:25px Manrope;font-style:normal}.project-end{margin-top:70px;border-top:1px solid var(--line);padding-top:35px;display:flex;justify-content:space-between;align-items:end;gap:35px}.project-end>p{font:400 43px/1.1 Manrope}.project-note{font-size:9px;line-height:1.9;color:var(--muted);margin-top:35px;max-width:700px}.missing{padding:15vh var(--gutter)}.missing h1{font:80px/1 Manrope;margin:35px 0}.missing h1 em{color:var(--accent)}
#viewer{padding:0;margin:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:var(--paper);color:var(--ink);overflow:hidden}#viewer::backdrop{background:var(--paper)}#viewer[open]{display:grid;grid-template-rows:84px minmax(0,1fr) 84px}.viewer-head{padding:18px 30px;display:flex;justify-content:space-between;align-items:center}.viewer-head .micro{font-size:8px;color:var(--muted)}.viewer-head h2{font:400 25px Manrope;margin-top:3px}.circle-button{width:48px;height:48px;display:grid;place-items:center;font:25px Manrope}#viewer-stage{position:relative;overflow:auto;display:flex;align-items:center;justify-content:center;touch-action:none;overscroll-behavior:contain}#viewer-image{height:100%;width:100%;object-fit:contain;flex-shrink:0;user-select:none}#viewer-stage.is-zoomed{display:block;cursor:grab}#viewer-stage.is-zoomed #viewer-image{max-width:none;max-height:none;object-fit:fill}#viewer-stage.is-panning{cursor:grabbing}.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 30px}.viewer-footer>div{display:flex;align-items:center;gap:18px}#viewer-count{min-width:60px;text-align:center}.viewer-help{font-size:8px;color:var(--muted)}#viewer-zoom{min-height:48px;min-width:100px;padding:10px 16px;font-size:11px;border-bottom:1px solid var(--line)}#viewer-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--paper);padding:15px;text-align:center}#viewer-error{padding:30px;text-align:center;font-size:12px}#viewer-retry{display:block;min-height:48px;margin:20px auto 0;text-decoration:underline}

.underlink{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:48px;border-bottom:1px solid var(--line);font-size:11px}.underlink span{font-size:24px}.project-heading h1{font:700 clamp(50px,7vw,110px)/1.05 Syne;letter-spacing:-.055em;max-width:65%}.project-info .project-subtitle{font:400 21px/1.4 Manrope;letter-spacing:-.04em}.project-end>p{font:700 42px/1.2 Syne;letter-spacing:-.05em}.project-gallery{gap:65px 4%}.project-photo:first-child{grid-column:4/10}.project-photo:last-child:nth-child(even){grid-column:3/11}.viewer-head h2{font:400 20px Manrope}.missing h1{font:700 clamp(42px,8vw,110px)/1.1 Syne;letter-spacing:-.05em}.circle-button{font-size:25px}
::view-transition,::view-transition-group(*),::view-transition-image-pair(*),::view-transition-old(*),::view-transition-new(*){pointer-events:none}::view-transition-group(*){animation-duration:480ms;animation-timing-function:var(--ease)}::view-transition-old(root),::view-transition-new(root){animation-duration:150ms}::view-transition-image-pair(selected-frame){isolation:normal}::view-transition-old(selected-frame),::view-transition-new(selected-frame){height:100%;object-fit:cover;mix-blend-mode:normal}::view-transition-old(selected-frame){animation:none}::view-transition-new(selected-frame){animation:frame-in 480ms var(--ease) both}@keyframes frame-in{from{opacity:0}to{opacity:1}}
@media(min-width:2000px){.panel-image{height:700px}.masthead{padding-block:35px 50px}}
@media(max-width:1100px){.header-label{display:none}.masthead{grid-template-columns:1.4fr 1fr;gap:40px}.masthead-index{display:none}.masthead h1{font-size:15vw}.masthead-description>p{font-size:25px}.masthead-description>span{font-size:9px}.toolbar-note{display:none}.view-options{margin-left:auto}.panel-category{display:none}.panel-name{font-size:13px}.photo-rail.is-overview{gap:30px 18px}.studio-statement{gap:6%}.studio-statement>div>p:first-child{font-size:19px}.service-label{font-size:7px}.project-heading{gap:35px}.project-heading h1{font-size:7vw}.project-info{max-width:260px}.project-info .project-subtitle{font-size:19px}}
@media(max-width:760px){html{scroll-padding-top:18px}.site-header{height:72px;padding-inline:22px;gap:15px}.small-brand{font-size:8px;gap:8px}.small-brand svg{width:17px;height:17px}.site-header nav{gap:21px}.site-header nav a{font-size:9px}.site-header nav a:last-child{font-size:0;margin:0;gap:0}.site-header nav a:nth-child(2){display:none}.site-header nav span{font-size:22px}.site-header sup{font-size:6px}.portfolio{padding-inline:22px}.masthead{grid-template-columns:1fr;gap:16px;padding:20px 0 26px}.masthead h1{font-size:28vw;line-height:.84;padding-bottom:0;letter-spacing:-.085em}.masthead-description{display:flex;justify-content:space-between;align-items:end;gap:22px;padding-top:0}.masthead-description>p{font-size:17px;line-height:1.25;letter-spacing:-.035em}.masthead-description>span{font-size:8px;line-height:1.7;margin:0;text-align:right}.work-toolbar{min-height:64px;gap:15px}.work-label{gap:8px}.work-label h2{font-size:10px}.work-label>.micro{font-size:6px;margin:0}.signal-dot{width:5px;height:5px}.view-options{gap:17px}.view-options>a{font-size:9px}.photo-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;transition:none;padding-bottom:1px}.photo-rail::-webkit-scrollbar{display:none}.panel{flex:0 0 87%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.panel-image{height:clamp(340px,49svh,540px)}.panel-caption{min-height:51px;gap:10px}.panel-number{font-size:7px;width:17px}.panel-name{opacity:1;font-size:13px}.panel-category{display:none}.open-marker{opacity:1;transform:none;width:39px;height:39px;right:12px;bottom:12px;font-size:22px}.rail-footer{gap:12px;min-height:75px}.desktop-help{display:none}.mobile-help{display:block}.rail-footer>.micro{font-size:7px;max-width:90px;line-height:1.6}.rail-result{max-width:none!important;font-size:7px!important;margin-left:auto}.rail-controls{gap:0}.rail-controls button{width:48px;min-height:48px}.photo-rail.is-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px;overflow:visible}.is-overview .panel{min-width:0}.is-overview .panel-image{height:auto;aspect-ratio:3/4}.is-overview .panel-caption{gap:7px;align-items:start;padding-top:12px;min-height:60px;white-space:normal}.is-overview .panel-name{font-size:11px;line-height:1.3}.is-overview .panel-number{font-size:6px;padding-top:2px;width:14px}.is-overview .panel-category{display:none}.is-overview .open-marker{width:28px;height:28px;font-size:17px;right:8px;bottom:8px}.filters{gap:20px;padding-bottom:15px;justify-content:space-between}.filters button{font-size:9px;min-width:0;gap:5px}.filters sup{font-size:6px}.studio{padding:45px 22px 65px}.studio-top{padding-top:20px;gap:15px}.studio-top .micro{font-size:6px}.studio-top>span{display:none}.studio-statement{grid-template-columns:1fr;gap:30px;margin:38px 0 42px}.studio-statement h2{font-size:16vw;letter-spacing:-.06em}.studio-statement>div{padding:0 0 0 17%}.studio-statement>div>p:first-child{font-size:19px;line-height:1.5;margin-bottom:20px}.studio-statement>div>p:last-child{font-size:10px;line-height:1.9}.service-list>a{gap:15px;min-height:138px;padding:20px 0}.service-index{width:13px;font-size:7px;padding-top:3px}.service-list h3{font-size:25px;line-height:1.15}.service-list p{font-size:8px;line-height:1.8;max-width:200px;margin-top:11px}.service-label{display:none}.service-list b{font-size:29px;margin-left:auto}.service-list>a:hover{padding-inline:0}.footer{padding:28px 22px 20px}.footer-top .micro{font-size:6px}.footer-cta{font-size:14vw;letter-spacing:-.06em;padding:38px 0 45px;gap:10px}.footer-cta>span{font-size:13vw}.footer-bottom{font-size:7px;gap:14px;min-height:70px;flex-wrap:wrap}.footer-bottom>span{display:none}.study-note{font-size:7px}.project-view{padding:22px 22px 55px}.project-top{gap:15px}.project-back{font-size:7px;gap:10px}.project-top>.micro{font-size:6px}.project-heading{display:block;margin:27px 0;padding-bottom:27px}.project-heading h1{font-size:13vw;max-width:none;line-height:1.12}.project-info{max-width:none;margin-top:25px}.project-info .micro{font-size:7px}.project-info .project-subtitle{font-size:21px;margin:12px 0}.project-info p{font-size:10px}.project-gallery{grid-template-columns:1fr;gap:35px}.project-gallery .project-photo:nth-child(n){grid-column:1;margin:0}.project-photo>span{font-size:7px}.project-end{display:block;margin-top:40px}.project-end>p{font-size:33px}.project-end .underlink{margin-top:20px}.project-note{font-size:8px}.missing h1{font-size:45px}#viewer[open]{grid-template-rows:78px minmax(0,1fr) 78px}.viewer-head{padding:15px}.viewer-head .micro{font-size:6px}.viewer-footer{padding:12px 15px;gap:10px}.viewer-footer>div{gap:10px}.viewer-help{display:none}#viewer-count{min-width:45px;font-size:8px}#viewer-zoom{min-width:80px;padding:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.photo-rail{scroll-behavior:auto}::view-transition-group(*){animation:none!important}}

/* Proposal detail pass — 2026-10-06. Composition remains direction-specific. */
 .masthead-description>span{font-size:13px;line-height:1.9;letter-spacing:-.02em}.studio-statement>div>p:last-child{font-size:14px;line-height:1.95}.service-list p{font-size:13px;line-height:1.8}.study-note{font-size:11px;line-height:1.9}.project-info p{font-size:14px;line-height:1.95}.panel-caption:focus-visible{outline-offset:-3px}.panel-number{font-variant-numeric:tabular-nums}
@media(max-width:760px){.masthead-description{align-items:start}.masthead-description>span{font-size:11px;max-width:48%;line-height:1.9}.studio-statement>div{padding-left:0}.studio-statement>div>p:last-child{font-size:13px}.service-list p{font-size:12px}.study-note{font-size:10px}.project-info p{font-size:13px}}