@font-face{font-family:StudyPretendard;src:url('assets/home-studies/Pretendard-home.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#151915;--muted:#6d746d;--line:#dce0d9;--paper:#fff;--gutter:28px;--review-height:34px;--header-height:76px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:450 16px/1.6 StudyPretendard,Arial,'Malgun Gothic',sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer;text-align:left}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:5px}img{display:block;width:100%}h1,h2,h3,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.study-review{height:var(--review-height);padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;background:#f0f2ed;color:#4e574d;font-size:11px;letter-spacing:.02em}.study-review nav{display:flex;gap:25px}.study-review a[aria-current=page]{color:#151915;text-decoration:underline;text-underline-offset:4px}.study-review>span{font-size:9px;letter-spacing:.08em}.embedded{--review-height:0px}.embedded .study-review{display:none}.study-header{height:var(--header-height);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:5;background:#fff}.study-brand{font:800 31px/1 StudyPretendard,Arial,sans-serif;letter-spacing:-1.8px}.study-header>nav{display:flex;align-items:center;justify-content:space-between;gap:30px;width:56%;font-size:15px;font-weight:550}.study-header a:hover{text-decoration:underline;text-underline-offset:5px}.study-menu-toggle{display:none}.study-mobile-menu{position:absolute;left:0;right:0;top:calc(var(--review-height) + var(--header-height));z-index:9;background:white;color:#151915;padding:30px var(--gutter);box-shadow:0 8px 10px #0001}.study-mobile-menu a{display:block;font-size:25px;line-height:1.8}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.study-hero{position:relative;isolation:isolate}.image-deck{position:absolute;inset:0;overflow:hidden;background:#283c2b}.deck-image{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transition:opacity 700ms ease;pointer-events:none}.deck-image.is-active{opacity:1}.hero-controls{display:flex;align-items:center;gap:20px;white-space:nowrap}.hero-controls button{min-height:44px;min-width:32px;font-size:23px;text-align:center}.hero-controls [data-play]{font-size:11px;min-width:60px;text-align:right}.hero-count{font-size:11px;font-variant-numeric:tabular-nums;min-width:52px;text-align:center;letter-spacing:.05em}.control-rule{height:16px;width:1px;background:currentColor;opacity:.3;margin:0 2px}.hero-project{display:block;max-width:780px}.hero-project-meta{font-size:11px;letter-spacing:.04em;display:block;margin-bottom:18px}.hero-project h2{font-size:clamp(32px,4.3vw,78px);font-weight:600;letter-spacing:-.055em;line-height:1.15;word-break:keep-all}.view-project{display:block;font-size:12px;margin-top:25px}.study-link{display:inline-block;font-size:13px;font-weight:550;padding-bottom:5px;border-bottom:1px solid currentColor}.study-about{padding:110px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:12%;border-bottom:1px solid var(--line)}.study-about .eyebrow{color:var(--muted);margin-bottom:30px}.study-about h2{font-size:clamp(30px,3vw,55px);line-height:1.25;letter-spacing:-.045em;font-weight:550;margin-bottom:38px}.study-original{font-size:18px;line-height:1.95;font-weight:420;word-break:keep-all;padding-top:40px;max-width:630px}.study-original p+p{margin-top:20px}.study-projects{padding:75px var(--gutter) 110px}.study-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:35px}.study-section-title h2{font-size:28px;letter-spacing:-.8px;font-weight:550}.study-section-title>a{font-size:12px}.study-project-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.study-project-card{min-width:0}.study-project-card img{aspect-ratio:1.3;object-fit:cover;background:#edf0e9}.study-project-card>span{font-size:10px;color:var(--muted);display:block;margin:14px 0 7px}.study-project-card h3{font-size:17px;font-weight:550;line-height:1.4;letter-spacing:-.5px;word-break:keep-all}.study-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding:50px var(--gutter) 25px;border-top:1px solid var(--line);font-size:13px}.footer-wordmark{font-weight:750;font-size:38px;letter-spacing:-2px;line-height:1}.study-footer p{color:var(--muted);margin-bottom:14px}.footer-last{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;font-size:10px;color:var(--muted)}
/* A / Panorama. A photograph is the first impression, with a quiet interface. */
.variant-a .study-header{position:absolute;left:0;right:0;top:var(--review-height);color:#fff;background:linear-gradient(#0007,transparent)}.variant-a .study-hero{height:calc(100svh - var(--review-height));min-height:680px;color:#fff;background:#283c2b}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002 0%,transparent 33%,#0002 50%,#000a 100%);pointer-events:none}.panorama-top{position:absolute;top:125px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:11px}.panorama-top p:last-child{opacity:.75}.panorama-caption{position:absolute;bottom:100px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:flex-end;gap:60px}.panorama-caption>div{max-width:330px;flex-shrink:0}.panorama-statement{font-size:19px;line-height:1.6;letter-spacing:-.4px;font-weight:450;margin-bottom:34px}.hero-scroll{position:absolute;left:var(--gutter);bottom:30px;font-size:11px}.variant-a .hero-project h2{max-width:930px}.variant-a .view-project{font-size:13px}
/* B / Editorial. A typographic introduction alongside a large changing image. */
.variant-b .study-hero{min-height:610px;height:calc(100svh - var(--header-height) - var(--review-height));display:grid;grid-template-columns:36% 64%;grid-template-rows:minmax(0,1fr) 112px;padding:0 var(--gutter)}.editorial-copy{grid-row:1/3;padding:38px 40px 30px 0;position:relative;display:flex;flex-direction:column;align-items:flex-start}.editorial-copy>.eyebrow{font-size:10px;color:var(--muted)}.editorial-copy h1{font-size:clamp(38px,4.6vw,82px);line-height:1.13;letter-spacing:-.065em;font-weight:570;margin:65px 0 30px;word-break:keep-all}.editorial-intro{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:22px}.editorial-mark{margin-top:auto;font-size:16px;letter-spacing:-.3px;line-height:1.2;color:#788374}.editorial-visual{position:relative;min-width:0;overflow:hidden}.editorial-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.editorial-caption .hero-project-meta{font-size:9px;margin-bottom:8px;color:var(--muted)}.editorial-caption .hero-project h2{font-size:25px;letter-spacing:-1px}.editorial-caption .view-project{display:none}.variant-b .hero-controls{gap:12px}.variant-b .hero-count{font-size:10px}
/* C / Gallery. Framed images with generous space and an index of works. */
.variant-c .study-hero{padding:25px var(--gutter) 65px;min-height:calc(100svh - var(--header-height) - var(--review-height))}.gallery-intro{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin:0 0 27px}.gallery-intro h1{font-size:clamp(26px,2.8vw,48px);font-weight:500;letter-spacing:-.055em}.gallery-intro p{font-size:10px;letter-spacing:.03em;color:var(--muted)}.gallery-visual{position:relative;height:clamp(370px,59svh,850px);overflow:hidden}.gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 0 25px;border-bottom:1px solid var(--line)}.gallery-caption .hero-project{display:flex;align-items:baseline;gap:25px;max-width:75%}.gallery-caption .hero-project-meta{font-size:10px;white-space:nowrap;margin:0;color:var(--muted)}.gallery-caption .hero-project h2{font-size:24px;letter-spacing:-.8px}.gallery-caption .view-project{font-size:11px;white-space:nowrap;margin:0}.gallery-index{display:flex;flex-wrap:wrap;gap:5px 24px;padding-top:23px;font-size:11px;color:#969b94}.gallery-index button{padding:7px 0;min-height:35px}.gallery-index button>span{font-size:9px;margin-right:8px}.gallery-index button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.variant-c .study-about{padding-top:80px}
/* The comparison page loads just one live homepage at a time. */
.options-header{display:flex;justify-content:space-between;align-items:center;padding:25px var(--gutter);border-bottom:1px solid var(--line)}.options-header>a:last-child{font-size:12px}.options-main{max-width:1760px;margin:auto;padding:65px var(--gutter) 50px}.options-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:60px}.options-intro .eyebrow{color:var(--muted);margin-bottom:25px}.options-intro h1{font-size:clamp(42px,5.6vw,90px);line-height:1.13;letter-spacing:-.065em;font-weight:550}.options-intro>p{font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:5px}.option-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.option-tab{display:flex;align-items:flex-start;gap:22px;padding:27px 24px;position:relative}.option-tab+.option-tab{border-left:1px solid var(--line)}.option-number{font-size:25px;font-weight:450;color:#8a9486}.option-tab h2{font-size:21px;font-weight:550;letter-spacing:-.7px;margin-bottom:8px}.option-tab h2 small{font-size:9px;letter-spacing:0;font-weight:500;vertical-align:middle;border:1px solid #bfc7b8;border-radius:30px;padding:3px 7px;margin-left:6px}.option-tab p{font-size:12px;color:var(--muted)}.option-arrow{margin-left:auto;font-size:23px;color:#9da796}.option-tab[aria-pressed=true]{background:#edf1e8}.option-tab[aria-pressed=true] .option-number,.option-tab[aria-pressed=true] .option-arrow{color:#22351d}.option-description{padding:24px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:30px;font-size:12px;line-height:1.8;color:var(--muted)}.option-description p{max-width:720px}.option-description>a{font-size:12px;font-weight:550;color:var(--ink);white-space:nowrap}.option-preview{border:1px solid var(--line);background:#f0f1ed}.option-preview iframe{display:block;border:0;width:100%;height:780px;height:clamp(690px,64vw,1050px);background:#fff}.options-note{display:flex;justify-content:space-between;gap:40px;font-size:11px;color:var(--muted);line-height:1.9;padding:25px 0 0}.options-note p:last-child{text-align:right}
@media(min-width:1700px){:root{--gutter:36px;--header-height:86px}.study-header>nav{font-size:18px}.study-brand{font-size:35px}.panorama-top{font-size:13px}.panorama-caption{bottom:120px}.panorama-statement{font-size:23px}.hero-controls{gap:24px}.hero-count{font-size:13px}.hero-controls [data-play]{font-size:13px}}
@media(max-width:1050px){.study-header>nav{gap:18px;width:65%;font-size:13px}.panorama-caption{gap:30px}.panorama-caption>div{max-width:260px}.panorama-statement{font-size:16px}.hero-controls{gap:12px}.variant-b .study-hero{grid-template-columns:39% 61%}.editorial-copy{padding-right:25px}.editorial-copy h1{font-size:45px}.editorial-caption{display:block;padding:15px 0}.editorial-caption .hero-project h2{font-size:21px}.editorial-caption .hero-controls{margin-top:8px;justify-content:flex-start}.variant-b .study-hero{grid-template-rows:minmax(0,1fr) 135px}.gallery-caption .hero-project{display:block;max-width:65%}.gallery-caption .hero-project-meta{margin-bottom:10px}.gallery-caption .view-project{display:none}.study-original{font-size:16px}.option-tab{padding:22px 16px;gap:13px}.option-tab h2{font-size:19px}.option-tab p{font-size:11px}}
@media(max-width:640px){:root{--gutter:18px;--header-height:66px;--review-height:35px}.study-brand{font-size:29px}.study-review{font-size:9px;padding:0 14px}.study-review nav{gap:14px}.study-review>span{display:none}.study-header>nav{display:none}.study-menu-toggle{display:block;font-size:12px}.variant-a .study-hero{min-height:650px}.panorama-top{top:100px;display:block;font-size:9px;line-height:1.8}.panorama-top p:last-child{font-size:8px}.panorama-caption{display:block;bottom:83px}.hero-project h2{font-size:37px;line-height:1.2;max-width:95%}.hero-project-meta{font-size:9px;margin-bottom:13px}.view-project{font-size:11px;margin-top:17px}.panorama-caption>div{max-width:none;margin-top:28px}.panorama-statement{font-size:12px;line-height:1.7;margin-bottom:17px}.hero-controls{gap:17px}.hero-controls [data-play]{margin-left:auto;font-size:10px;text-align:right}.control-rule{margin-left:auto}.hero-scroll{bottom:26px;font-size:10px}.hero-controls button{font-size:22px}.hero-count{font-size:10px}.variant-b .study-hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:0 var(--gutter)}.editorial-copy{padding:24px 0 29px}.editorial-copy>.eyebrow{font-size:8px}.editorial-copy h1{font-size:43px;line-height:1.15;margin:26px 0 20px}.editorial-copy h1 br:nth-of-type(2){display:none}.editorial-intro{font-size:11px;margin-bottom:16px}.editorial-mark{display:none}.editorial-visual{height:51svh;min-height:300px;max-height:600px}.editorial-caption{padding:18px 0 22px}.editorial-caption .hero-project h2{font-size:24px}.editorial-caption .hero-controls{margin-top:13px;justify-content:flex-start}.variant-b .study-link{font-size:11px}.variant-c .study-hero{padding-top:20px;padding-bottom:35px}.gallery-intro{display:block;margin-bottom:22px}.gallery-intro h1{font-size:31px}.gallery-intro p{font-size:8px;margin-top:8px}.gallery-visual{height:52svh;min-height:290px;max-height:650px}.gallery-caption{display:block;padding-top:19px;padding-bottom:13px}.gallery-caption .hero-project{max-width:100%}.gallery-caption .hero-project-meta{font-size:9px;margin-bottom:8px}.gallery-caption .hero-project h2{font-size:23px}.gallery-caption .hero-controls{margin-top:16px}.gallery-index{gap:0 18px;font-size:10px;padding-top:15px}.gallery-index button>span{font-size:8px}.study-about{padding-top:65px;padding-bottom:65px;grid-template-columns:1fr;gap:25px}.study-about .eyebrow{font-size:9px;margin-bottom:20px}.study-about h2{font-size:33px;margin-bottom:25px}.study-original{font-size:15px;line-height:1.9;padding:0;word-break:normal}.study-projects{padding-top:40px;padding-bottom:65px}.study-section-title h2{font-size:24px}.study-section-title>a{font-size:10px}.study-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.study-project-card h3{font-size:16px}.study-project-card>span{font-size:9px}.study-footer{grid-template-columns:1fr 1fr;gap:30px 20px;font-size:11px;padding-top:35px}.footer-wordmark{grid-column:1/-1;font-size:36px}.footer-last{font-size:9px;margin-top:10px}.options-header{padding-top:20px;padding-bottom:20px}.options-header>a:last-child{font-size:10px}.options-main{padding-top:42px}.options-intro{display:block;margin-bottom:30px}.options-intro .eyebrow{font-size:9px;margin-bottom:20px}.options-intro h1{font-size:46px}.options-intro>p{font-size:12px;margin-top:23px}.option-tabs{grid-template-columns:1fr}.option-tab{padding:18px 12px;gap:18px}.option-tab+.option-tab{border-left:0;border-top:1px solid var(--line)}.option-tab h2{font-size:19px;margin-bottom:4px}.option-tab p{font-size:10px}.option-number{font-size:23px}.option-description{display:block;padding:20px 0}.option-description p{font-size:11px}.option-description>a{display:inline-block;margin-top:12px;font-size:11px}.option-preview iframe{height:780px}.options-note{display:block;font-size:10px}.options-note p:last-child{text-align:left;margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.deck-image{transition:none}}
/* Approved panorama: project names at 70% of the presented A study. */
.is-production{--review-height:0px}
.variant-a .hero-project h2{font-size:clamp(22.4px,3.01vw,54.6px)}
.variant-a .hero-project-meta{font-size:10px;margin-bottom:14px}
.variant-a .view-project{font-size:11px;margin-top:20px}
.variant-a .panorama-statement{font-size:16px;margin-bottom:28px}
.variant-a .hero-count{font-size:10px}
.variant-a .hero-controls button{font-size:21px}
.variant-a .hero-controls [data-play]{font-size:10px}
@media(min-width:1700px){.variant-a .panorama-statement{font-size:19px}.variant-a .hero-project-meta{font-size:11px}.variant-a .hero-count,.variant-a .hero-controls [data-play]{font-size:11px}}
@media(max-width:640px){.variant-a .hero-project h2{font-size:25.9px}.variant-a .hero-project-meta{font-size:8px;margin-bottom:10px}.variant-a .view-project{font-size:10px;margin-top:14px}.variant-a .panorama-statement{font-size:11px;margin-bottom:15px}.variant-a .hero-count{font-size:9px}.variant-a .hero-controls [data-play]{font-size:9px}.variant-a .hero-controls button{font-size:20px}}