@import url('../shared/presentation.css');
@font-face{font-family:Surface Display;src:url('../direction-02/fonts/barlow-condensed-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Surface Sans;src:url('../direction-02/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#e9e6dd;--ink:#21221e;--muted:#65665d;--red:#a62c29;--line:#c5c2b7;--white:#f9f6eb;--gutter:clamp(20px,4.2vw,88px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 'Surface Sans','Doit Korean',sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}button:disabled{opacity:.3;cursor:default}a,button{touch-action:manipulation}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}::selection{background:var(--red);color:var(--white)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;background:var(--paper);color:var(--ink);padding:15px 20px;z-index:100}.skip:focus{top:10px}.shell{max-width:1800px;margin-inline:auto;padding-inline:var(--gutter)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:70px;min-height:55px;border-bottom:1px solid currentColor;font-size:13px}.text-link>span{font-size:27px;line-height:1}.text-link:hover,.service-link:hover{color:var(--red)}
/* Surface / Contact's photograph and identity, with a reduced hierarchy. */
.site-header{height:86px;padding-inline:30px;display:flex;align-items:center;gap:40px;max-width:2600px;margin:auto}.brand{display:flex;gap:14px;align-items:center;min-height:48px}.brand>span{font-size:60px;letter-spacing:-7px;font-weight:bold;line-height:.9}.brand>span>span{color:var(--red)}.brand small{font-size:8px;line-height:1.35;letter-spacing:.08em;margin-top:7px}.site-header>p{font-size:11px;color:var(--muted);margin-left:auto;margin-right:auto}.site-header nav{display:flex;gap:38px;font-size:12px;align-items:center}.site-header nav>a{display:flex;gap:25px;align-items:center;min-height:48px}.site-header nav .inquiry{border-bottom:1px solid var(--ink)}.inquiry>span{font-size:25px;line-height:1}.site-header nav>a:hover{color:var(--red)}.hero{max-width:2600px;margin:auto;padding-inline:12px}.hero-surface{height:clamp(500px,76svh,1150px);position:relative;background:#203b3e;overflow:hidden}.hero-surface>a:first-child{display:block;width:100%;height:100%;position:relative}.hero-surface>a:first-child:after{content:'';position:absolute;inset:60% 0 0;pointer-events:none;background:linear-gradient(transparent,#0007)}.hero-surface img{width:100%;height:100%;object-fit:cover;object-position:var(--focal,50% 59%)}.hero-word{position:absolute;left:4%;top:5%;font:700 clamp(170px,27vw,570px)/.8 'Surface Display',sans-serif;letter-spacing:-.012em;color:var(--white);pointer-events:none}.hero-word>span:first-child{position:absolute;left:-21px;top:0;font:9px 'Surface Sans';letter-spacing:.17em;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-period{display:none}.hero-caption{position:absolute;inset:auto 4% 5% auto;color:var(--white);display:grid;grid-template-columns:1fr 30px;gap:2px 45px;min-width:215px;padding-top:12px;border-top:1px solid #f9f6eb88}.hero-caption>span:first-child{font-size:34px;line-height:1.1;letter-spacing:-.04em}.hero-caption small{font:11px/1.7 'Doit Korean',sans-serif;grid-column:1;color:#f9f6eb}.caption-open{grid-column:2;grid-row:1/3;align-self:center;font-size:28px}.hero-caption:hover .caption-open{transform:translate(2px,-2px)}.hero-bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding-inline:4%;font-size:11px}.hero-bar>a{min-height:48px;display:flex;align-items:center}.hero-controls{display:flex;gap:12px;align-items:center}.hero-controls button{min-width:48px;min-height:48px;font-size:23px}.hero-controls span{font-size:10px;min-width:60px;text-align:center}.hero-controls{visibility:hidden}.js .hero-controls{visibility:visible}.hero-status{font-size:12px;line-height:1.8;padding-inline:4%}.hero-status:not(:empty){padding-block:12px}
/* Every category uses the same grid. Image count does not define the layout. */
.work-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;padding-block:80px 50px}.work-intro h2{font-family:'Doit Korean',sans-serif;font-size:clamp(24px,2.3vw,42px);font-weight:450;letter-spacing:-.045em;line-height:1.4}.work-intro p{font-size:13px;line-height:1.9;color:var(--muted)}.section-nav{display:flex;justify-content:center;gap:60px;position:sticky;top:0;z-index:4;background:var(--paper);border-block:1px solid var(--line);min-height:68px;max-width:2600px;margin:auto}.section-nav a{display:flex;align-items:center;position:relative;min-height:66px;font-size:13px}.section-nav a[aria-current=location]{color:var(--red)}.section-nav a[aria-current=location]:after{content:'';position:absolute;inset:auto 0 -1px;height:2px;background:var(--red)}.work-section{padding-block:70px 25px;scroll-margin-top:0}.work-section+.work-section{padding-top:90px}.section-heading{display:grid;grid-template-columns:1fr 40%;gap:50px;align-items:end;margin-bottom:36px}.section-heading h2{font-size:clamp(40px,4.5vw,80px);line-height:1;letter-spacing:-.055em}.section-heading h2 sup{font:11px 'Surface Sans';color:var(--red);vertical-align:top;display:inline-block;margin:9px 0 0 16px;letter-spacing:0}.section-name{font-size:12px;color:var(--muted);margin-top:13px}.section-description>p{font-size:13px;line-height:1.9;max-width:440px}.service-link{display:inline-flex;align-items:center;gap:25px;min-height:48px;font-size:11px;margin-top:8px}.service-link>span{font-size:18px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 28px;align-items:start}.work-card{min-width:0}.work-media{position:relative;background:#d8d5ce;overflow:hidden}.work-media img{aspect-ratio:3/4;object-fit:cover;object-position:var(--focal,50% 35%);transition:transform .6s var(--ease)}.work-link:hover img{transform:scale(1.018)}.open-mark{position:absolute;right:18px;bottom:16px;display:grid;place-items:center;width:36px;height:36px;background:var(--paper);color:var(--ink);font-size:25px;line-height:1;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .3s var(--ease)}.work-link:is(:hover,:focus-visible) .open-mark,.photo-link:is(:hover,:focus-visible) .open-mark{opacity:1;transform:none}.card-caption{display:flex;gap:20px;justify-content:space-between;align-items:baseline;padding-block:17px 15px;border-bottom:1px solid var(--line)}.card-caption h3{font-size:21px;letter-spacing:-.025em;line-height:1.3}.card-caption p{font-size:11px;color:var(--muted);text-align:right}.empty-state{font-size:13px;line-height:1.9;padding-block:30px}
/* Service information lives beside the actual work, never hidden for bots. */
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px 15px;font-size:11px;color:var(--muted);padding-block:22px;border-bottom:1px solid var(--line)}.breadcrumbs>*{min-height:30px;display:inline-flex;align-items:center}.breadcrumbs>*+*:before{content:'/';margin-right:15px;color:#918f86}.breadcrumbs>a:hover{color:var(--red)}.category-page{padding-top:10px;padding-bottom:40px}.page-heading{padding-block:55px 60px;max-width:1000px}.kicker{font-size:11px;color:var(--muted);margin-bottom:17px}.page-heading h1{font-family:'Doit Korean',sans-serif;font-weight:500;font-size:clamp(34px,5vw,80px);letter-spacing:-.055em;line-height:1.3;overflow-wrap:anywhere}.page-heading>p:last-of-type{font-size:15px;line-height:1.9;margin-top:26px;max-width:650px}.use-list{list-style:none;display:flex;flex-wrap:wrap;gap:12px 25px;padding:0;margin:25px 0 0;font-size:12px;color:var(--muted)}.use-list>li:before{content:'·';padding-right:8px;color:var(--red)}.category-work-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:22px 28px}.category-work-heading h2{font-size:20px}.category-work-heading>span{font-size:11px;color:var(--muted)}.shooting-guide{display:grid;grid-template-columns:35% 1fr;column-gap:10%;margin-top:90px;padding-block:40px;border-top:1px solid var(--line)}.shooting-guide h2{font-size:30px;grid-row:1/3;letter-spacing:-.045em}.shooting-guide details{border-bottom:1px solid var(--line)}.shooting-guide summary{cursor:pointer;min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:14px;list-style:none;line-height:1.7}.shooting-guide summary::-webkit-details-marker{display:none}.shooting-guide summary:after{content:'+';font-size:24px;font-weight:400;flex-shrink:0}.shooting-guide details[open] summary:after{content:'−'}.shooting-guide details p{font-size:13px;line-height:1.95;padding-block:0 26px;color:var(--muted)}.shooting-guide p a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.pagination{display:flex;justify-content:center;align-items:center;gap:35px;margin-top:45px;font-size:12px}.pagination>a{display:flex;align-items:center;min-height:48px}
/* Project and individual image addresses stay readable with JavaScript disabled. */
.project-page{padding-top:10px;padding-bottom:45px}.project-heading{display:grid;grid-template-columns:1fr 40%;gap:8%;align-items:end;padding-block:50px}.project-heading h1{font-size:clamp(46px,7vw,110px);letter-spacing:-.065em;line-height:1.04;overflow-wrap:anywhere}.project-heading>div:last-child>p{font-size:13px;line-height:1.95;max-width:460px}.source-link{font-size:11px;color:var(--muted);min-height:48px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px;margin-top:10px}.project-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 40px;align-items:start}.sequence-frame{min-width:0}.sequence-frame:first-child{grid-column:1/-1;padding:40px max(20px,10%) 20px;background:#dedbd3}.photo-link{position:relative;display:block;width:fit-content;max-width:100%;margin:auto}.photo-link img{width:auto;height:auto;max-width:100%;max-height:90svh;object-fit:contain}.sequence-frame figcaption{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding-block:15px 0;font-size:10px;color:var(--muted)}.sequence-frame figcaption p{font-size:11px;line-height:1.8;flex:1;max-width:480px}.sequence-frame figcaption a{min-height:48px;display:flex;align-items:center;white-space:nowrap;color:var(--ink);font-size:11px}.project-end{display:flex;justify-content:space-between;gap:35px;border-block:1px solid var(--line);margin-top:60px;padding-block:20px;font-size:13px}.project-end>a{min-height:48px;display:flex;align-items:center}.image-page{padding-block:10px 55px}.standalone-photo{display:block;width:fit-content;max-width:100%;margin:35px auto;cursor:zoom-in}.standalone-photo img{max-height:84svh;width:auto;max-width:100%;object-fit:contain}.image-page-caption{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:12px;color:var(--muted)}.image-page-caption nav{display:flex;gap:30px;white-space:nowrap}.image-page-caption a,.back-project{display:inline-flex;min-height:48px;align-items:center;font-size:12px}.back-project{margin-top:10px}
/* No decoration is applied to the original JPEG in the viewer. */
.viewer{inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:0;background:#171916;color:#f9f6eb;overflow:hidden}.viewer[open]{display:grid;grid-template-rows:76px minmax(0,1fr) 72px 32px}.viewer::backdrop{background:#171916;backdrop-filter:none}.viewer-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:14px 30px}.viewer-header h2{font-size:17px}.viewer-close{min-height:48px;display:flex;align-items:center;gap:30px;font-size:12px}.viewer-close>span{font-size:30px;line-height:1}.viewer-stage{position:relative;overflow:hidden;display:grid;place-items:center;touch-action:none;outline-offset:-4px;cursor:zoom-in;user-select:none}.viewer-stage.is-zoomed{cursor:grab}.viewer-stage.is-zoomed:active{cursor:grabbing}.viewer-image{width:auto;height:auto;max-width:calc(100% - 60px);max-height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none}.viewer-stage[aria-busy=true] img{opacity:.35}.viewer-stage[aria-busy=true]:after{content:'사진을 불러오는 중';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;background:#171916;padding:15px 20px}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 30px;gap:25px}.viewer-step,.viewer-tools{display:flex;align-items:center;gap:28px}.viewer-step button,.viewer-tools button,.viewer-tools a{min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;font-size:12px}.viewer-step>span{font-size:10px;white-space:nowrap;min-width:55px;text-align:center}.viewer-tools button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.viewer-hint{text-align:center;font-size:10px;color:#c0c2b9;padding-bottom:10px}.viewer :focus-visible{outline-color:#f9f6eb;outline-offset:3px}.image-error{position:absolute;max-width:80%;text-align:center;font-size:13px}.image-error button{display:block;min-height:48px;margin:10px auto;text-decoration:underline;text-underline-offset:4px}
/* Clear inquiry and rental links replace promotional text blocks. */
.contact-strip{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:70px 60px;margin-top:80px;border-top:1px solid var(--line)}.contact-strip h2{font-family:'Doit Korean',sans-serif;font-size:34px;font-weight:450;letter-spacing:-.045em}.contact-strip p{font-size:13px;color:var(--muted);margin-top:13px}.contact-strip .text-link{min-width:235px}.site-footer{padding-bottom:28px}.rental-row{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-block:22px;font-size:12px}.rental-row>span{flex-shrink:0}.rental-row>p{font-size:12px;color:var(--muted);margin-right:auto}.rental-row>a{min-height:48px;display:flex;align-items:center;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}.footer-bottom>span{letter-spacing:.055em}.footer-bottom nav{display:flex;gap:28px}.footer-bottom a{min-height:48px;display:flex;align-items:center}.preview-note{font-size:10px;color:var(--muted);line-height:1.9;margin-top:10px}.empty{padding-block:90px}
@media(scripting:enabled) and (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-group(*){animation-duration:360ms;animation-timing-function:var(--ease)}::view-transition-old(root){animation-duration:160ms}::view-transition-new(root){animation-duration:220ms}
@media(min-width:2100px){.site-header{height:100px;padding-inline:50px}.site-header>p{font-size:14px}.hero-caption>span:first-child{font-size:48px}.hero-caption small{font-size:15px}.hero-bar{height:80px}.hero-bar>a{font-size:14px}.hero-controls span{font-size:13px}.work-intro p,.section-description>p{font-size:16px}.section-name,.card-caption p{font-size:14px}}
@media(max-width:1000px){.section-heading{grid-template-columns:1fr 46%;gap:30px}.hero-caption{min-width:180px;gap:3px 25px}.section-heading h2{font-size:50px}.section-description>p{font-size:12px}.project-heading{grid-template-columns:1fr 45%;gap:5%}.rental-row{flex-wrap:wrap}.rental-row>p{width:calc(100% - 130px)}.rental-row>a:first-of-type{margin-left:auto}.shooting-guide{grid-template-columns:30% 1fr;column-gap:5%}.sequence-frame:first-child{padding:25px 40px 10px}.sequence-frame figcaption p{font-size:10px}}
@media(max-width:700px){:root{--gutter:20px}html{scroll-padding-top:76px}.site-header{height:74px;padding-inline:20px;gap:20px}.brand{gap:10px}.brand>span{font-size:50px;letter-spacing:-6px}.brand small{font-size:7px}.site-header>p{display:none}.site-header nav{margin-left:auto;gap:23px;font-size:11px}.site-header nav>a{gap:12px}.inquiry>span{display:none}.hero{padding-inline:7px}.hero-surface{height:clamp(470px,74svh,880px)}.hero-surface img{object-position:50% 44%}.hero-word{font-size:53vw;left:8%;top:7%;line-height:.8}.hero-word>span:first-child{font-size:7px;left:-15px}.hero-caption{inset:auto 20px 23px auto;min-width:155px;gap:2px 20px}.hero-caption>span:first-child{font-size:28px}.hero-caption small{font-size:10px}.caption-open{font-size:23px}.hero-bar{height:58px;padding-inline:13px;font-size:10px}.hero-controls{gap:4px}.hero-controls button{font-size:21px;min-width:40px}.hero-controls span{min-width:52px;font-size:9px}.work-intro{display:block;padding-block:48px 30px}.work-intro h2{font-size:25px}.work-intro p{font-size:12px;margin-top:17px}.section-nav{gap:35px;min-height:58px}.section-nav a{font-size:12px;min-height:56px}.work-section{padding-top:38px;padding-bottom:0}.work-section+.work-section{padding-top:56px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:45px}.section-heading h2 sup{font-size:9px;margin-top:5px;margin-left:13px}.section-name{font-size:11px;margin-top:9px}.section-description{margin-top:17px}.section-description>p{font-size:12px;line-height:1.9;max-width:440px}.service-link{font-size:11px;min-height:44px;margin-top:3px}.work-grid{gap:28px 12px}.card-caption{display:block;padding-block:12px 13px}.card-caption h3{font-size:16px;line-height:1.35}.card-caption p{font-size:10px;margin-top:5px;text-align:left}.open-mark{opacity:1;transform:none;width:28px;height:28px;font-size:20px;right:10px;bottom:10px}.breadcrumbs{font-size:10px;gap:3px 10px;padding-block:13px}.breadcrumbs>*+*:before{margin-right:10px}.page-heading{padding-block:32px 40px}.page-heading h1{font-size:36px;line-height:1.4;letter-spacing:-.06em}.kicker{font-size:10px;margin-bottom:12px}.page-heading>p:last-of-type{font-size:13px;margin-top:20px}.use-list{font-size:11px;gap:8px 15px;margin-top:20px}.category-work-heading{padding-block:18px 22px}.category-work-heading h2{font-size:18px}.shooting-guide{display:block;margin-top:48px;padding-top:28px}.shooting-guide h2{font-size:25px;margin-bottom:20px}.shooting-guide summary{font-size:13px;min-height:70px;gap:22px}.shooting-guide details p{font-size:12px}.pagination{font-size:11px;gap:25px}.project-page{padding-top:0;padding-bottom:0}.project-heading{grid-template-columns:1fr;gap:24px;padding-block:28px 32px}.project-heading h1{font-size:57px;letter-spacing:-.065em;line-height:1.05}.project-heading>div:last-child>p{font-size:12px;max-width:none}.source-link{font-size:10px;margin-top:4px}.project-sequence{grid-template-columns:1fr;gap:30px}.sequence-frame:first-child{padding:14px 12px 0}.photo-link img{max-height:none;width:100%}.sequence-frame figcaption{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;padding-top:12px;font-size:8px}.sequence-frame figcaption p{font-size:10px}.sequence-frame figcaption a{grid-column:2;font-size:10px}.project-end{font-size:11px;gap:20px;margin-top:40px;padding-block:12px}.image-page{padding-top:0;padding-bottom:0}.standalone-photo{margin-block:25px}.image-page-caption{display:block;font-size:11px}.image-page-caption nav{justify-content:space-between;margin-top:10px}.back-project{font-size:11px}.viewer[open]{grid-template-rows:72px minmax(0,1fr) 66px 30px}.viewer-header{padding:12px 20px}.viewer-header h2{font-size:14px}.viewer-close{font-size:11px;gap:20px}.viewer-image{max-width:100%}.viewer-bottom{gap:10px;padding:8px 14px}.viewer-step,.viewer-tools{gap:8px}.viewer-step button,.viewer-tools button,.viewer-tools a{font-size:11px}.viewer-step>span{font-size:8px;min-width:42px}.viewer-hint{font-size:8px}.contact-strip{display:block;margin-top:55px;padding-block:35px 40px}.contact-strip h2{font-size:28px}.contact-strip p{font-size:12px;margin-top:10px}.contact-strip .text-link{min-width:200px;margin-top:20px;font-size:12px;gap:40px}.rental-row{display:grid;grid-template-columns:1fr 1fr;gap:3px 25px;padding-top:23px;font-size:12px}.rental-row>span{grid-column:1/-1;font-size:13px}.rental-row>p{grid-column:1/-1;width:auto;font-size:11px;margin-top:8px;line-height:1.9}.rental-row>a:first-of-type{margin-left:0}.rental-row>a{font-size:11px}.footer-bottom{display:block;padding-top:18px}.footer-bottom>span{font-size:10px}.footer-bottom nav{justify-content:space-between;gap:25px;margin-top:7px;font-size:10px}.preview-note{font-size:9px;margin-top:8px}.empty h1{font-size:24px}}
@media(max-width:360px){:root{--gutter:16px}.site-header{padding-inline:16px;gap:14px}.site-header nav{gap:17px;font-size:10px}.brand small{display:none}.hero-caption{min-width:140px}.section-heading h2{font-size:41px}.card-caption h3{font-size:14px}.card-caption p{font-size:9px}.page-heading h1{font-size:32px}.viewer-tools{gap:0}.viewer-step{gap:3px}.viewer-tools a{font-size:10px}.viewer-hint{font-size:7px}.project-heading h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.work-link:hover img{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* A single available project keeps the thumbnail scale and is intentionally centered. */
.work-grid>.work-card:only-child{grid-column:1/-1;width:calc((100% - 28px)/2);justify-self:center}
@media(max-width:700px){.work-grid>.work-card:only-child{width:calc((100% - 12px)/2)}}