@charset "UTF-8";
@font-face{font-family:"Pretendard Variable";src:url('/imsi/ziumn/sian4/assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#1e2922;--paper:#f3f2ec;--green:#d6e6a0;--muted:#858c80;--line:#d5d8ce;--pad:5.1vw;--vh:100svh;--sans:"Pretendard Variable","Pretendard","Noto Sans KR","Malgun Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);word-break:keep-all;overflow-wrap:anywhere;-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;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;text-wrap:balance}p{text-wrap:pretty;line-height:1.85}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ba75c;outline-offset:7px}::selection{background:var(--green);color:var(--ink)}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--green);padding:15px}.skip-link:focus{top:20px}.page-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:200;pointer-events:none}.page-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--green)}.header{position:fixed;z-index:100;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:25px var(--pad);color:#fff;transition:background .4s,color .4s,padding .4s;gap:30px}.header.scrolled{background:rgba(243,242,236,.95);color:var(--ink);padding-block:17px;backdrop-filter:blur(12px);border-bottom:1px solid #1e292215}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{width:35px;height:43px}.wordmark{font-size:36px;font-weight:700;letter-spacing:-2px;line-height:1}.wordmark>span{font-weight:400}.wordmark small{display:block;font-size:9px;letter-spacing:.3px;font-weight:400;margin-top:8px}.desktop-nav{display:flex;gap:34px;font-size:13px}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:27px}.contact-link{font-size:12px;border:1px solid #ffffff70;border-radius:50px;padding:12px 19px;display:flex;align-items:center;gap:25px}.scrolled .contact-link{border-color:var(--line)}.contact-link span{font-size:18px}.menu-toggle{width:26px;height:30px;padding:5px 0;display:flex;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{height:1px;background:currentColor;width:100%;transition:width .3s}.menu-toggle span:last-child{width:70%;align-self:flex-end}.menu-toggle:hover span:last-child{width:100%}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:500;line-height:1.5}.mini-label{font-size:11px}.section-pad{padding:80px var(--pad) 50px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 16px #d6e6a060;margin-right:12px;vertical-align:middle}.scroll-scene{position:relative}.hero{height:220svh;background:#171c19;color:#fff}.hero-sticky{height:var(--vh);position:sticky;top:0;overflow:hidden}.hero-visual{position:absolute;inset:0;overflow:hidden;will-change:clip-path;clip-path:inset(0)}.hero-image{position:absolute;inset:0;opacity:0;transform:scale(1.07);will-change:transform,opacity;transition:opacity .8s}.hero-image.is-active{opacity:1}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,13,.61),rgba(7,18,13,.08) 83%),linear-gradient(0deg,rgba(7,18,13,.68),transparent 50%,rgba(7,18,13,.15))}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(33.333% - 1px),#ffffff10 33.333%,transparent calc(33.333% + 1px),transparent calc(66.666% - 1px),#ffffff10 66.666%,transparent calc(66.666% + 1px));pointer-events:none}.hero-content{position:absolute;top:28%;left:var(--pad);z-index:2;will-change:transform,opacity}.hero-intro{margin-bottom:28px;animation:enter 1s .1s both}.hero h1{font-size:clamp(40px,4.6vw,80px);line-height:1.34;letter-spacing:-.065em;font-weight:300}.hero h1>span{display:block;animation:enter 1.1s .2s both}.hero h1>span+span{animation-delay:.35s}.green-period{color:var(--green)}.hero-description{display:flex;gap:17px;align-items:flex-start;margin-top:29px;animation:enter 1.1s .45s both}.fine-line{width:32px;height:1px;margin-top:11px;background:var(--green)}.hero-description p{font-size:13px;color:#eeefe7;line-height:1.8;letter-spacing:-.3px}.round-link{display:flex;align-items:center;gap:25px;margin-top:29px;width:max-content;font-size:11px;animation:enter 1.1s .55s both}.circle-arrow{display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;width:43px;height:43px;font-size:20px;transition:background .3s,color .3s,transform .3s}.round-link:hover .circle-arrow{background:var(--green);color:var(--ink);transform:rotate(45deg)}.hero-bottom{position:absolute;bottom:34px;left:var(--pad);right:var(--pad);display:flex;align-items:flex-end;justify-content:space-between;z-index:2}.scroll-cue{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1.1px}.scroll-icon{height:38px;width:24px;border:1px solid #ffffff55;border-radius:20px;display:grid;place-items:center;font-size:18px;animation:scroll-bob 2s infinite}.hero-project{margin-left:auto;margin-right:55px;min-width:175px}.project-coordinate{display:block;font-size:8px;letter-spacing:1.7px;color:#deded1;margin-bottom:12px}.project-coordinate b{font-weight:400;color:var(--green)}.hero-project button{padding:0;text-align:left;font-size:16px}.hero-project button span{font-size:10px;color:#d9ded4;margin:0 12px}.hero-pagination{display:flex;gap:13px}.hero-pagination button{padding:12px 5px;font-size:10px;position:relative;color:#ffffff8c}.hero-pagination button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ffffff50}.hero-pagination button.is-active{color:var(--green)}.hero-pagination button.is-active:after{height:2px;background:var(--green)}.hero-transition{position:absolute;top:30%;left:var(--pad);font-size:clamp(60px,11vw,165px);line-height:.95;letter-spacing:-.045em;color:var(--paper);opacity:0;pointer-events:none;font-weight:400}.hero-transition em{font-family:Georgia,serif;color:var(--green);font-weight:400}.philosophy{overflow:hidden;padding-top:85px}.philosophy-title{display:flex;justify-content:space-between;align-items:center;margin:63px 0 55px}.philosophy h2,.process h2{font-size:clamp(35px,4vw,66px);line-height:1.38;letter-spacing:-.055em}.muted{color:#899080}.philosophy-mark{font:italic 140px/.9 Georgia,serif;color:#a5ae8d;margin-right:8%}.philosophy-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8.5vw;align-items:center}.concept-image{aspect-ratio:1.5;position:relative;overflow:hidden;background:#e7e5da}.concept-image img{object-position:65% 50%;transition:transform 1s}.concept-image:hover img{transform:scale(1.04)}.image-note{position:absolute;bottom:18px;left:20px;font-size:8px;letter-spacing:1.3px;color:#555f48;background:#f3f2ecc7;padding:7px 9px}.image-cross{position:absolute;right:20px;top:15px;font-size:26px;font-weight:200}.philosophy-copy h3{font-size:clamp(25px,2.1vw,34px);line-height:1.5;letter-spacing:-.04em;margin:20px 0}.philosophy-copy p{font-size:12px;color:#66705f;margin:14px 0}.text-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #919a83;padding:16px 0 12px;margin-top:22px;font-size:11px;width:250px;max-width:100%}.text-link span{font-size:21px;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.philosophy-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:65px;padding-top:20px;font-size:9px;letter-spacing:1px}.philosophy-footer span:last-child{letter-spacing:0;color:#737d68}.approach{height:290svh;background:#171f1b;color:var(--paper)}.approach-sticky{position:sticky;top:0;height:var(--vh);overflow:hidden;padding:100px var(--pad) 35px}#architecture-canvas{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.approach .section-top{position:relative;z-index:1;color:#bac4b3}.approach-copy{position:absolute;left:var(--pad);top:34%;width:45%;height:45%;pointer-events:none}.approach-step{position:absolute;inset:0;opacity:0;transform:translateY(25px);transition:opacity .55s,transform .55s}.approach-step.is-active{opacity:1;transform:translateY(0)}.step-no{font-size:10px;letter-spacing:1.5px;color:var(--green)}.approach h2{font-size:clamp(32px,3.6vw,58px);letter-spacing:-.05em;line-height:1.4;margin:21px 0}.approach-step p{font-size:12px;color:#bcc5b6;line-height:1.9}.model-label{position:absolute;right:var(--pad);bottom:125px;font-size:9px;letter-spacing:1px;color:var(--green)}.model-label small{display:block;margin:10px 0 0 19px;font-size:9px;letter-spacing:0;color:#a9b7a0}.approach-bottom{position:absolute;bottom:35px;left:var(--pad);right:var(--pad);border-top:1px solid #ffffff22;padding-top:20px;display:flex;align-items:center;justify-content:space-between}.approach-bottom>.eyebrow{font-size:8px;color:#c0c9b7}.approach-indicators{display:flex;align-items:center;gap:17px;font-size:10px;color:#8b9884}.approach-indicators i{height:1px;width:45px;background:#56644d}.approach-indicators span.is-active{color:var(--green)}.approach-count{font-size:10px;letter-spacing:2px}.works{height:365svh;background:var(--paper)}.works-sticky{position:sticky;top:0;height:var(--vh);overflow:hidden;padding:105px var(--pad) 30px;display:flex;flex-direction:column}.works-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:30px 0}.works-heading h2{font-size:clamp(29px,3vw,48px);line-height:1.35;letter-spacing:-.045em}.works-heading h2 em{font-style:normal;color:#8a9380}.works-heading>div{display:flex;align-items:flex-end;gap:60px}.works-heading p{font-size:11px;color:#758069}.gallery-controls{display:flex;align-items:center;gap:14px}.gallery-controls button{border:1px solid #b7beaa;border-radius:50%;height:34px;width:34px;font-size:17px;transition:background .2s}.gallery-controls button:hover{background:var(--green)}.gallery-controls span{font-size:9px;white-space:nowrap;min-width:40px}.works-window{flex:1;min-height:0;overflow:visible}.works-track{height:100%;display:flex;gap:28px;will-change:transform}.work-card{padding:0;text-align:left;width:49vw;flex-shrink:0;height:100%;display:flex;flex-direction:column}.work-photo{position:relative;flex:1;overflow:hidden;min-height:0;background:#d7dccf}.work-photo img{object-position:center 53%;transition:transform 1s,filter .7s}.work-card:hover img{transform:scale(1.035);filter:brightness(.9)}.work-card:nth-child(4) .work-photo img{object-position:center}.work-badge{position:absolute;top:18px;left:18px;border:1px solid #ffffff8c;color:#fff;padding:6px 12px;border-radius:20px;font-size:9px;background:#17201740;backdrop-filter:blur(5px)}.work-open{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;border-radius:50%;width:43px;height:43px;background:var(--paper);font-size:22px}.work-info{display:flex;align-items:flex-start;padding:22px 0 10px;gap:20px}.work-info>span{font-size:9px;color:#8a9380;margin-top:7px}.work-info h3{font-size:23px;letter-spacing:-1px}.work-info p{font-size:11px;color:#758069;margin-top:6px;line-height:1.4}.work-info small{font-size:9px;margin:8px 0 0 auto;color:#758069}.works-bottom{display:flex;gap:30px;align-items:center;margin-top:25px;font-size:8px;color:#778069}.works-bottom>span{white-space:nowrap}.works-line{height:1px;flex:1;background:#c9cfbe;overflow:hidden}.works-line i{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}.detail-section{background:#171f1b;color:var(--paper)}.detail-visual{height:94svh;min-height:500px;position:relative;overflow:hidden}.detail-visual>img{object-position:center 48%;will-change:transform}.detail-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0817118c,transparent),linear-gradient(0deg,#08171177,transparent 70%)}.detail-visual>.eyebrow{position:absolute;top:55px;left:var(--pad)}.detail-visual h2{position:absolute;bottom:110px;left:var(--pad);font-size:clamp(36px,4.3vw,70px);line-height:1.45;letter-spacing:-.05em}.detail-project{position:absolute;right:var(--pad);bottom:75px;border-bottom:1px solid #ffffff77;padding:15px 0;display:flex;align-items:center;gap:65px;font-size:12px}.detail-project span{font-size:22px}.detail-caption{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px var(--pad);color:#bdc7b6}.detail-caption>span:first-child{font-size:9px;letter-spacing:1px}.detail-caption p{font-size:11px}.detail-caption>span:last-child{font-size:30px;font-weight:200}.process{padding-top:90px;padding-bottom:95px}.process-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:9vw;margin-top:70px}.process-title p{font-size:12px;color:#758069;margin-top:28px}.process-title .text-link{margin-top:25px}.process-steps details{border-top:1px solid #b9c2ab;padding:25px 0}.process-steps details:last-child{border-bottom:1px solid #b9c2ab}.process-steps summary{list-style:none;display:flex;align-items:center;gap:28px;cursor:pointer}.process-steps summary::-webkit-details-marker{display:none}.process-steps summary>span{font-size:9px;color:#818e71}.process-steps h3{font-size:20px;letter-spacing:-.7px;flex:1}.process-steps summary i{font-size:25px;font-style:normal;font-weight:200;transition:transform .3s}.process-steps details[open] summary i{transform:rotate(45deg)}.process-steps details>div{padding:24px 32px 0 42px}.process-steps .eyebrow{font-size:8px;color:#818e71}.process-steps p{font-size:12px;color:#727e65;margin-top:10px;max-width:410px}.contact{background:#dee7c7;position:relative;overflow:hidden;padding-top:65px;padding-bottom:0}.contact .section-top{color:#677653}.contact-main{display:flex;justify-content:space-between;align-items:center;padding:65px 0 75px}.contact h2{font-size:clamp(38px,4.5vw,73px);letter-spacing:-.055em;line-height:1.4}.contact-main p{font-size:12px;color:#6c785d;margin-top:24px}.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:65px;background:var(--ink);color:var(--green);padding:18px 23px;border-radius:50px;width:max-content;margin-top:32px;font-size:12px;transition:background .3s,transform .3s}.contact-cta:hover{background:#45573a;transform:translateY(-3px)}.contact-cta span{font-size:24px;line-height:1}.contact-amp{font:italic clamp(170px,26vw,450px)/.8 Georgia,serif;color:#b6c69b;padding-right:6vw;transform:rotate(-10deg)}.contact-details{display:grid;grid-template-columns:1fr 1.3fr 1fr;border-block:1px solid #acbb93;padding:28px 0;gap:50px}.contact-details>a,.contact-details>div{display:flex;flex-direction:column;position:relative;gap:12px}.contact-details span{font-size:8px;color:#667652;letter-spacing:1px}.contact-details strong{font-size:clamp(15px,1.6vw,25px);font-weight:400;letter-spacing:-.02em;white-space:nowrap}.contact-details i{position:absolute;right:10px;bottom:0;font-size:21px;font-style:normal}.contact-type{font-size:10.1vw;line-height:1.3;letter-spacing:-.055em;margin:30px 0 -1.6vw;white-space:nowrap;font-weight:500;color:#33422a}.contact-type em{font-family:Georgia,serif;font-weight:400}.footer{background:var(--ink);color:var(--paper);padding:33px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:24px;font-weight:600;letter-spacing:-1px}.footer-brand span{display:block;font-size:8px;font-weight:400;letter-spacing:0;color:#adbba0;margin-top:9px}.footer>span,.back-top{font-size:8px;letter-spacing:1px;color:#adbba0}.back-top{color:var(--paper)}dialog{border:0;padding:0;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#0d160fd4;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:22px;right:25px;z-index:5;width:45px;height:45px;border:1px solid #b8c1ae;border-radius:50%;font-size:31px;line-height:1;background:var(--paper);display:grid;place-items:center;font-weight:200}.menu-dialog{width:720px;max-width:calc(100vw - 32px);padding:70px 60px 45px;max-height:90svh}.menu-dialog nav{margin:40px 0;display:flex;flex-direction:column}.menu-dialog nav a{display:flex;align-items:center;gap:23px;border-top:1px solid var(--line);padding:23px 0;font-size:30px;letter-spacing:-1px}.menu-dialog nav a:last-child{border-bottom:1px solid var(--line)}.menu-dialog nav small{font-size:9px;letter-spacing:0;color:#859076}.menu-dialog nav a span{margin-left:auto;font-size:27px;color:#859076}.menu-phone{font-size:13px;color:#718263}.project-dialog{width:1050px;max-width:calc(100vw - 40px);max-height:90svh;overflow:auto;overscroll-behavior:contain}.project-cover{height:47svh;min-height:230px;position:relative}.project-cover img{object-position:center}.project-body{padding:40px 45px}.project-meta{display:flex;justify-content:space-between;font-size:10px;color:#758069;letter-spacing:1px}.project-body h2{font-size:46px;margin:24px 0 15px;letter-spacing:-2px}.project-body>p{font-size:14px;max-width:700px;color:#65745b}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.project-tags span{border:1px solid var(--line);border-radius:25px;padding:7px 13px;font-size:10px;color:#65745b}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px}.project-gallery figure{margin:0}.project-gallery img{aspect-ratio:1.25;height:auto;object-fit:cover}.project-gallery figcaption{font-size:10px;color:#718064;margin-top:9px;line-height:1.5}.project-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px}.project-bottom a{border-bottom:1px solid #718064;padding-bottom:5px}.cursor{position:fixed;width:74px;height:74px;border-radius:50%;background:var(--green);z-index:300;display:grid;place-items:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .2s,transform .2s}.cursor span{font-size:9px;letter-spacing:1px}.cursor.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}.js-motion .reveal.is-visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes scroll-bob{50%{transform:translateY(5px)}}
@media(min-width:1700px){.hero-content{top:31%}.hero h1{font-size:85px}.hero-description p{font-size:16px}.eyebrow{font-size:12px}.philosophy-copy p{font-size:15px}.works-heading p,.approach-step p{font-size:14px}.work-info p{font-size:13px}.process-steps p{font-size:14px}}
@media(max-width:1000px){.desktop-nav{gap:20px}.desktop-nav a{font-size:11px}.contact-link{display:none}.philosophy-layout{gap:5vw}.desktop-break{display:none}.philosophy-copy p{font-size:12px}.works-heading>div{gap:25px}.work-card{width:63vw}.contact-details{gap:28px}.process-layout{gap:5vw}}
@media(max-width:700px){:root{--pad:6vw}.header{padding-block:20px}.header.scrolled{padding-block:14px}.brand-symbol{width:27px;height:34px}.wordmark{font-size:29px}.wordmark small{font-size:7px;margin-top:7px}.desktop-nav{display:none}.header-actions{gap:0}.hero{height:185svh}.hero-content{top:30%;right:var(--pad)}.hero h1{font-size:clamp(32px,7.9vw,55px);letter-spacing:-.07em;line-height:1.48}.hero-intro{font-size:7px;letter-spacing:1.2px;margin-bottom:24px}.hero-description{margin-top:22px}.hero-description p{font-size:12px}.round-link{font-size:10px;margin-top:24px;gap:22px}.circle-arrow{width:37px;height:37px}.hero-image{object-position:57% center}.hero-shade{background:linear-gradient(90deg,#07120da8,#07120d25),linear-gradient(0deg,#07120d9c,transparent 60%)}.hero-bottom{bottom:30px;align-items:flex-end;flex-wrap:wrap;row-gap:25px}.scroll-cue{font-size:7px;gap:9px;max-width:40%;line-height:1.8}.scroll-icon{width:20px;height:32px;flex-shrink:0}.hero-project{margin:0 0 0 auto;min-width:0;max-width:58%;text-align:right}.project-coordinate{font-size:7px;margin-bottom:9px}.hero-project button{font-size:14px;text-align:right}.hero-project button span{display:block;font-size:8px;margin:6px 0 0}.hero-pagination{position:absolute;right:0;bottom:85px;gap:10px}.hero-pagination button{font-size:8px}.hero-transition{top:30%;font-size:15vw}.section-pad{padding-top:55px;padding-bottom:40px}.section-top .eyebrow{font-size:8px;letter-spacing:1px}.mini-label{font-size:8px}.philosophy-title{margin:45px 0 32px}.philosophy h2,.process h2{font-size:8vw;line-height:1.45}.philosophy-mark{font-size:80px;margin-right:0;margin-left:15px}.philosophy-layout{grid-template-columns:1fr;gap:35px}.concept-image{aspect-ratio:1.4}.philosophy-copy h3{font-size:26px;margin:15px 0}.philosophy-copy p{font-size:13px;line-height:1.9}.philosophy-copy .eyebrow{font-size:8px}.philosophy-footer{margin-top:40px;gap:15px;font-size:7px;letter-spacing:.6px}.philosophy-footer span:last-child{font-size:8px}.image-note{font-size:6px;bottom:13px;left:12px}.approach{height:240svh}.approach-sticky{padding-top:95px}.approach .mini-label{display:none}.approach-copy{top:20%;width:88%;height:40%}.approach h2{font-size:8vw;margin:15px 0;line-height:1.4}.approach-step p{font-size:11px;line-height:1.8}.step-no{font-size:8px}.model-label{bottom:105px;right:var(--pad);font-size:7px}.model-label small{font-size:7px}.approach-bottom>.eyebrow{display:none}.approach-bottom{bottom:28px;padding-top:18px}.approach-indicators{font-size:9px;gap:12px}.approach-indicators i{width:25px}.approach-count{font-size:8px}.works{height:auto}.works-sticky{position:relative;height:auto;padding:60px 0 35px}.works .section-top,.works-heading,.works-bottom{margin-inline:var(--pad)}.works-heading{margin-top:35px;margin-bottom:25px;align-items:center}.works-heading h2{font-size:8vw}.works-heading p{display:none}.gallery-controls{gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:115px}.gallery-controls button{width:29px;height:29px;font-size:14px}.gallery-controls span{font-size:8px;min-width:34px}.works-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-left:var(--pad);padding-right:var(--pad);overscroll-behavior-x:contain}.works-window::-webkit-scrollbar{display:none}.works-track{height:auto;gap:18px;width:max-content;transform:none!important}.work-card{width:81vw;height:auto;scroll-snap-align:center}.work-photo{height:56svh;min-height:320px;flex:auto}.work-info{padding-top:18px;gap:13px}.work-info h3{font-size:22px}.work-info p{font-size:10px}.work-info small{font-size:8px}.work-open{width:37px;height:37px;font-size:20px}.works-bottom{margin-top:20px;gap:15px;font-size:7px}.works-bottom>span:last-child{display:none}.detail-visual{height:85svh;min-height:460px}.detail-visual>img{object-position:58% center}.detail-visual>.eyebrow{top:32px;font-size:8px}.detail-visual h2{font-size:9vw;bottom:140px}.detail-project{left:var(--pad);right:auto;bottom:60px;font-size:11px;gap:50px}.detail-caption{padding-block:25px;gap:16px;flex-wrap:wrap}.detail-caption>span:first-child{font-size:7px;flex-basis:100%}.detail-caption p{font-size:11px}.detail-caption>span:last-child{font-size:25px}.process{padding-top:60px;padding-bottom:60px}.process-layout{grid-template-columns:1fr;gap:45px;margin-top:45px}.process-title p{font-size:13px}.process-steps summary{gap:20px}.process-steps h3{font-size:18px}.process-steps details{padding:23px 0}.process-steps details>div{padding-left:29px;padding-right:10px}.process-steps p{font-size:13px}.contact{padding-top:50px;padding-bottom:0}.contact .mini-label{display:none}.contact-main{padding-top:45px;padding-bottom:45px;position:relative}.contact-main>div{position:relative;z-index:1}.contact h2{font-size:9vw}.contact-main p{font-size:12px}.contact-amp{position:absolute;right:-25px;top:110px;font-size:180px;padding:0;opacity:.65}.contact-cta{padding:15px 20px;gap:40px;font-size:11px}.contact-details{grid-template-columns:1fr;padding:25px 0;gap:25px}.contact-details>a,.contact-details>div{gap:7px}.contact-details strong{font-size:22px;letter-spacing:0}.contact-details span{font-size:7px}.contact-details>div strong{font-size:15px}.contact-type{font-size:10vw;margin-top:24px}.footer{padding-top:27px;padding-bottom:27px;flex-wrap:wrap;gap:22px}.footer-brand{font-size:23px;flex-basis:70%}.footer>span{order:3;font-size:6px;flex-basis:100%}.back-top{font-size:7px;margin-left:auto}.menu-dialog{padding:70px 25px 35px}.menu-dialog nav a{font-size:25px;padding:22px 0;gap:15px}.dialog-close{top:17px;right:17px;width:38px;height:38px;font-size:28px}.project-dialog{max-width:calc(100vw - 20px);max-height:94svh}.project-cover{height:33svh;min-height:220px}.project-body{padding:25px 22px}.project-body h2{font-size:36px;margin-top:20px}.project-body>p{font-size:13px}.project-meta{font-size:8px;gap:12px}.project-gallery{grid-template-columns:1fr;gap:22px;margin-top:25px}.project-gallery img{aspect-ratio:auto}.project-bottom{font-size:10px;gap:15px}.cursor{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.hero{height:100svh}.hero-content{transform:none!important;opacity:1!important}.hero-visual{clip-path:none!important}.hero-transition{display:none}.hero-image{transform:none!important}.approach{height:auto}.approach-sticky{position:relative;height:auto;padding-bottom:40px;min-height:0}#architecture-canvas,.model-label{display:none}.approach-copy{position:relative;top:auto;left:auto;width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:60px 0}.approach-step{position:relative;opacity:1;transform:none}.approach h2{font-size:28px}.approach-step p br{display:none}.approach-bottom{position:relative;inset:auto}.works{height:auto}.works-sticky{position:relative;height:auto;min-height:750px}.works-window{overflow-x:auto;min-height:430px;scroll-snap-type:x mandatory}.works-track{transform:none!important;height:430px}.work-card{scroll-snap-align:start}.detail-visual>img{transform:none!important}.cursor{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.approach-copy{grid-template-columns:1fr;gap:40px;margin-top:40px}.works-sticky{min-height:0}.works-window{min-height:0}.works-track{height:auto}.approach h2{font-size:28px}}

/* Korean copy must remain readable at both desktop and mobile sizes. */
.hero-description p,
.philosophy-copy p,
.approach-step p,
.works-heading p,
.detail-caption p,
.process-title p,
.process-steps p,
.contact-main p,
.project-body>p{font-size:16px;line-height:1.85}
.philosophy-copy p,
.process-title p,
.process-steps p,
.work-info p,
.project-body>p{color:#536049}
.hero-description p{color:#f3f2ec}
.approach-step p,
.detail-caption p{color:#d0d8c9}
.works-heading p,
.contact-main p{color:#536049}
.philosophy-copy .copy-line{display:block;text-wrap:balance}
.philosophy-copy p{text-wrap:balance}
.wordmark small,
.desktop-nav a,
.contact-link,
.mini-label,
.round-link,
.hero-project button span,
.text-link,
.philosophy-footer span:last-child,
.image-note,
.model-label small,
.approach-indicators,
.work-badge,
.work-info p,
.work-info small,
.works-bottom>span:first-child,
.detail-project,
.contact-cta,
.footer-brand span,
.menu-phone,
.project-meta,
.project-tags span,
.project-gallery figcaption,
.project-bottom{font-size:14px;line-height:1.6}
.wordmark small{letter-spacing:0}
.mini-label,
.philosophy-footer span:last-child,
.work-info small,
.project-meta,
.project-tags span,
.project-gallery figcaption{color:#59664f}
.approach .mini-label,
.model-label small,
.footer-brand span{color:#d0d8c9}
.image-note{color:#34442b;background:#f3f2eceb}
.philosophy-footer{gap:20px;flex-wrap:wrap}
.works-bottom>span:first-child{white-space:normal;color:#536049}
.work-info{gap:16px}
.project-tags span{padding:7px 14px}
.project-bottom{gap:20px}
@media(max-width:700px){
  .header{gap:15px}
  .brand{gap:10px}
  .wordmark small{font-size:14px}
  .hero-project{max-width:65%}
  .hero-project button span{font-size:14px}
  .hero-bottom{column-gap:10px}
  .scroll-cue{max-width:30%}
  .hero-pagination{bottom:100px}
  .philosophy-footer{flex-direction:column;align-items:flex-start;gap:12px}
  .image-note{left:12px;right:12px;width:max-content;max-width:calc(100% - 24px);font-size:14px}
  .approach-copy{top:19%}
  .approach-indicators{gap:10px}
  .approach-indicators i{width:20px}
  .model-label{bottom:108px}
  .model-label small{margin-left:0;max-width:270px}
  .work-info{column-gap:12px;row-gap:4px;flex-wrap:wrap}
  .work-info>div{flex:1;min-width:0}
  .work-info small{margin-left:28px;flex-basis:calc(100% - 28px)}
  .work-info p{font-size:14px}
  .works-bottom{align-items:center;gap:15px}
  .works-bottom>span:first-child{flex:1}
  .works-line{flex:0 0 30px}
  .detail-caption p{font-size:16px}
  .process-steps details>div{padding-right:0}
  .project-body>p{font-size:16px}
  .project-meta{letter-spacing:0;flex-wrap:wrap}
  .project-gallery figcaption{font-size:14px}
  .project-bottom{flex-wrap:wrap}
  .footer-brand{flex-basis:100%}
  .back-top{margin-left:0}
}