:root{--paper:#f3efe4;--paper-deep:#e9e3d5;--ink:#1c1c1a;--muted:#66655f;--blue:#1e5bff;--blue-dark:#003cc9;--coral:#f05d4e;--rule:#1c1c1aad;--rule-soft:#1c1c1a38;--blue-rule:#1e5bff47;--notebook-rule-step:3rem;--page-max:1500px;--gutter:clamp(1rem, 4vw, 4.5rem);--section-space:clamp(4.5rem, 9vw, 9rem);--step--1:clamp(.78rem, .75rem + .1vw, .86rem);--step-0:clamp(1rem, .96rem + .18vw, 1.12rem);--step-1:clamp(1.25rem, 1.1rem + .6vw, 1.75rem);--step-2:clamp(1.8rem, 1.35rem + 1.8vw, 3.25rem);--step-3:clamp(3.2rem, 1.9rem + 5vw, 7rem);color-scheme:light;font-synthesis:none}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:Inter,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-size:var(--step-0);overflow-wrap:anywhere;margin:0;line-height:1.6}body:before{z-index:20;pointer-events:none;content:"";opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--blue);color:#fff}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--blue-dark)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin-block-start:0}.skip-link{z-index:100;background:var(--blue);color:#fff;padding:.65rem .85rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{color:#fff;transform:translateY(0)}.site-frame{width:min(100%, var(--page-max));min-height:100svh;padding-inline:var(--gutter);border-inline:1px solid var(--rule-soft);margin-inline:auto;position:relative}.site-frame:before{top:5.4rem;bottom:0;left:calc(var(--gutter) + clamp(2.1rem, 4vw, 4.25rem));z-index:0;background:color-mix(in srgb, var(--coral) 55%, transparent);content:"";pointer-events:none;width:1px;position:absolute}.site-frame>*{z-index:1;position:relative}.content-inset{padding-left:clamp(4.25rem,8vw,8.5rem)}.mono,.label,.project-number,.project-phase,.project-date,.meta-value{font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.label{color:var(--blue-dark);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.section-heading{font-size:var(--step-2);letter-spacing:-.045em;margin-bottom:clamp(1.5rem,3vw,3rem);line-height:1.08}.section-rule{padding-top:var(--section-space);border-top:1px solid var(--rule)}.quiet{color:var(--muted)}.text-link{min-height:2.75rem;color:var(--blue-dark);align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.site-header{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto auto;align-items:center;gap:clamp(1rem,3vw,3rem);min-height:5.4rem;display:grid}.brand{letter-spacing:-.05em;font-size:1.28rem;font-weight:900;line-height:1;text-decoration:none}.site-nav{align-items:center;gap:clamp(1.05rem,2.5vw,2.5rem);display:flex}.site-nav a{align-items:center;min-height:2.75rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.site-nav a:after{content:"";transform-origin:0;background:currentColor;height:2px;transition:transform .16s;position:absolute;bottom:.4rem;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}.header-date{color:var(--muted);font-size:var(--step--1)}.site-footer{min-height:7.5rem;margin-top:var(--section-space);border-top:1px solid var(--rule);font-size:var(--step--1);justify-content:space-between;align-items:center;gap:1rem;display:flex}.cover{grid-template-rows:repeat(13, var(--notebook-rule-step));background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--notebook-rule-step) - 1px), var(--blue-rule) calc(var(--notebook-rule-step) - 1px), var(--blue-rule) var(--notebook-rule-step));display:grid;position:relative}.cover-meta,.cover-bottom{justify-content:space-between;align-items:end;gap:1rem;padding-bottom:.35rem;line-height:1;display:flex}.cover-meta{grid-row:2}.cover-title{letter-spacing:-.085em;text-transform:uppercase;grid-row:4/10;align-self:center;max-width:12ch;margin:0;font-size:clamp(4.4rem,10.7vw,10.5rem);font-weight:900;line-height:.79}.cover-title span{font-weight:430;display:block}.cover-slash{font-style:normal}.cover-copy{border-bottom:2px solid var(--blue);color:var(--blue-dark);grid-row:10;place-self:end start;margin:0;padding-bottom:.35rem;font-weight:750;line-height:1;display:inline-block}.cover-scribble{max-width:19rem;color:var(--blue);font-synthesis:none;letter-spacing:.015em;word-break:keep-all;grid-row:4/7;place-self:start end;margin:0 clamp(0rem,6vw,6rem) 0 0;font-family:Nanum Pen Script,cursive;font-size:clamp(1.3rem,2vw,1.75rem);font-weight:400;line-height:1;transform:rotate(-4deg)}.cover-scribble>span{height:var(--notebook-rule-step);align-items:end;padding-bottom:.35rem;display:flex}.cover-scribble br{display:none}.cover-scribble:after{content:"";border-top:3px solid;border-radius:50%;width:85%;height:.5rem;margin-top:.25rem;display:block;transform:rotate(-4deg)}.cover-folio{font-size:1.25rem}.cover-bottom{grid-row:13}.home-index{padding-block:clamp(4.5rem,7vw,7rem)}.home-index-head{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem;display:flex}.home-index-head h2{margin:0}.project-ledger{grid-template-columns:minmax(0,1.5fr) minmax(22rem,.85fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.ledger-list{border-top:1px solid var(--rule)}.project-row{border-bottom:1px solid var(--rule-soft);grid-template-columns:3.2rem minmax(8.5rem,.75fr) minmax(12rem,1.5fr) 7.25rem 1.4rem;align-items:center;gap:clamp(.6rem,1.5vw,1.25rem);min-height:5.2rem;padding:.7rem .65rem;text-decoration:none;transition:background-color .15s,color .15s;display:grid}.project-row:hover,.project-row[data-selected=true]{background:color-mix(in srgb, var(--blue) 6%, transparent);box-shadow:inset 3px 0 0 var(--blue);color:var(--ink)}.project-title{letter-spacing:-.025em;font-size:clamp(1.05rem,1rem + .25vw,1.3rem);font-weight:760}.project-purpose{color:var(--muted);font-size:.95rem}.project-recent-note{gap:.15rem;display:grid}.project-recent-date-mobile{display:none}.project-phase,.project-number{font-size:var(--step--1)}.project-arrow{color:var(--blue-dark);font-size:1.3rem}.preview-rail{border:1px solid var(--rule);justify-self:end;width:min(100%,22rem);margin:0;position:sticky;top:1.5rem}.preview-top,.preview-caption{border-bottom:1px solid var(--rule-soft);min-height:2.7rem;font-size:var(--step--1);justify-content:space-between;align-items:center;gap:.75rem;padding-inline:.8rem;display:flex}.preview-caption{border-top:1px solid var(--rule-soft);border-bottom:0}.preview-stage,.media-stage{background:linear-gradient(to top right, transparent calc(50% - .5px), var(--blue-rule) 50%, transparent calc(50% + .5px)), linear-gradient(to bottom right, transparent calc(50% - .5px), var(--blue-rule) 50%, transparent calc(50% + .5px));place-items:center;display:grid;position:relative;overflow:hidden}.preview-stage{aspect-ratio:5/6}.media-stage{aspect-ratio:var(--media-aspect,5 / 6)}.preview-stage img,.media-stage img{width:100%;height:100%}.preview-stage img{transition:opacity .14s,transform .18s}.preview-stage img[data-fit=cover],.media-stage img[data-fit=cover]{object-fit:cover}.preview-stage img[data-fit=contain],.media-stage img[data-fit=contain]{object-fit:contain;padding:clamp(.8rem,2vw,1.8rem)}.preview-placeholder,.media-placeholder{max-width:24ch;color:var(--blue-dark);font-family:SFMono-Regular,Consolas,monospace;font-size:var(--step--1);text-align:center;word-break:keep-all;padding:1rem}.issue-band{border-block:1px solid var(--rule);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,3vw,3rem);min-height:8rem;padding:1rem;text-decoration:none;display:grid}.issue-number{color:var(--blue);font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(2.4rem,5vw,5rem);font-weight:800;line-height:1}.issue-band h2{font-size:var(--step-2);letter-spacing:-.045em;margin:0}.issue-band:hover{background:var(--blue);color:#fff}.issue-band:hover .issue-number,.issue-band:hover .label{color:#fff}.page-heading{border-bottom:1px solid var(--rule);align-content:end;min-height:23rem;padding-block:clamp(3rem,7vw,7rem) clamp(2rem,4vw,4rem);display:grid}.page-heading h1{max-width:16ch;font-size:var(--step-3);letter-spacing:-.065em;margin:.5rem 0 1rem;line-height:.94}.page-heading p{max-width:46rem;color:var(--muted);margin-bottom:0}.archive-grid{padding-block:clamp(4rem,6vw,6rem)}.project-hero{border-bottom:1px solid var(--rule);padding-block:clamp(2rem,4vw,4rem)}.project-back{min-height:2.75rem;color:var(--blue-dark);align-items:center;margin-bottom:clamp(2rem,4vw,4rem);font-weight:700;display:inline-flex}.project-display-title{letter-spacing:-.09em;text-transform:uppercase;margin:0;font-size:clamp(4.7rem,13vw,12.5rem);font-weight:900;line-height:.8}.project-summary{max-width:42rem;font-size:var(--step-1);letter-spacing:-.025em;margin:clamp(1.5rem,3vw,2.5rem) 0 0;font-weight:650}.project-meta{border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,1fr);display:grid}.project-meta>div{border-right:1px solid var(--rule);grid-template-columns:auto 1fr;align-items:center;gap:1rem;min-height:4.7rem;padding-inline:1rem;display:grid}.project-meta>div:last-child{border-right:0}.meta-value{color:var(--blue-dark);justify-self:center}.project-intro{grid-template-columns:minmax(0,1fr) minmax(18rem,.75fr);gap:clamp(2rem,6vw,7rem);padding-block:clamp(4.5rem,7vw,7rem);display:grid}.project-intro h2,.timeline-section h2,.media-section h2,.links-section h2{font-size:var(--step-1);margin-bottom:1.25rem}.project-intro p{max-width:44rem}.project-platforms{border-left:1px solid var(--rule);padding-left:clamp(1.25rem,3vw,2.5rem)}.project-platforms ul{margin:0;padding:0;list-style:none}.project-platforms li{border-bottom:1px solid var(--rule-soft);padding-block:.55rem}.timeline-section,.media-section,.links-section{padding-block:var(--section-space);border-top:1px solid var(--rule)}.project-page>.timeline-section:last-child,.project-page>.media-section:last-child,.project-page>.links-section:last-child{padding-bottom:0}.timeline-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.timeline-item{border-bottom:1px solid var(--rule-soft);grid-template-columns:9rem minmax(10rem,.8fr) minmax(14rem,1.4fr);gap:clamp(1rem,4vw,4rem);padding-block:1.35rem;display:grid}.timeline-item time{color:var(--blue-dark);font-family:SFMono-Regular,Consolas,monospace}.timeline-item strong{font-size:1.05rem}.timeline-item p{color:var(--muted);margin:0}.media-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(1rem,2vw,2rem);display:grid}.media-frame{border:1px solid var(--rule);grid-column:span 6;margin:0}.media-frame[data-presentation=phone]{grid-column:span 4}.media-frame[data-presentation=wide]{grid-column:span 8}.media-frame[data-presentation=icon],.media-frame[data-presentation=square]{grid-column:span 5}.media-frame figcaption{border-top:1px solid var(--rule-soft);min-height:3.2rem;color:var(--muted);font-size:var(--step--1);padding:.75rem}.links-list{flex-wrap:wrap;gap:.75rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.links-list a{min-height:2.75rem;color:var(--blue-dark);align-items:center;font-weight:700;display:inline-flex}.issue-note{border-left:3px solid var(--coral);max-width:48rem;padding-left:1.25rem}.about-owner{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);align-items:center;gap:clamp(2.5rem,8vw,9rem);padding-block:clamp(4rem,8vw,8rem);display:grid}.about-owner-copy h2{letter-spacing:-.075em;margin:.65rem 0 0;font-size:clamp(3.8rem,8vw,8rem);line-height:.86}.about-owner-facts{border-top:1px solid var(--rule);max-width:38rem;margin:clamp(2rem,4vw,3.5rem) 0 0}.about-owner-facts>div{border-bottom:1px solid var(--rule-soft);grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:1rem;min-height:3.4rem;display:grid}.about-owner-facts dt,.about-owner-facts dd{margin:0}.owner-social-link{min-height:2.75rem;color:var(--blue-dark);align-items:center;gap:.3rem;font-weight:700;text-decoration:none;display:inline-flex}.owner-social-handle{text-underline-offset:.22em;text-decoration:underline 1px}.owner-portrait{border:1px solid var(--rule);width:100%;margin:0}.owner-portrait img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto}.owner-portrait figcaption{border-top:1px solid var(--rule-soft);min-height:3rem;font-size:var(--step--1);justify-content:space-between;align-items:center;gap:1rem;padding-inline:.8rem;display:flex}.prose{max-width:50rem;padding-block:var(--section-space)}.prose h2{font-size:var(--step-1);margin-top:3rem}.prose p{max-width:42rem}.contact-sheet{background:var(--rule);border:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:1px;margin-top:3rem;display:grid}.contact-sheet>div{background:var(--paper);min-height:8rem;padding:1.25rem}.not-found{text-align:center;place-content:center;min-height:calc(100svh - 13rem);display:grid}.not-found h1{color:var(--blue);margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(6rem,20vw,14rem);line-height:.8}@media (width<=960px){.project-ledger{grid-template-columns:1fr}.preview-rail{justify-self:center;position:static}.project-row{grid-template-columns:3rem minmax(8rem,.8fr) minmax(10rem,1.2fr) 6.8rem 1.2rem}}@media (width<=720px){:root{--gutter:1rem;--section-space:4.5rem}.site-frame{border-inline:0}.site-frame:before{top:4.5rem;left:3.75rem}.content-inset{padding-left:3.65rem}.site-header{grid-template-columns:1fr auto;gap:.75rem;min-height:4.5rem}.header-date{display:none}.site-nav{gap:.9rem;font-size:.92rem}.site-nav a{min-height:2.75rem}.cover{grid-template-rows:repeat(12, var(--notebook-rule-step))}.cover-title{grid-row:3/8;align-self:start;font-size:clamp(4.4rem,22vw,7rem);line-height:.78;transform:rotate(-2deg)}.cover-slash{display:none}.cover-scribble{grid-row:9/12;align-self:start;max-width:13rem;margin:0;font-size:1.35rem}.cover-copy{grid-row:8}.cover-bottom{grid-row:12;align-items:end}.home-index-head{flex-direction:column;align-items:start}.project-row{grid-template-columns:2.4rem 1fr 1.3rem;min-height:4.8rem;padding-left:.35rem}.project-purpose,.project-phase{display:none}.project-row--recent{grid-template-rows:auto auto;grid-template-columns:2.4rem minmax(0,1fr) 1.3rem;align-items:center;min-height:5.9rem}.project-row--recent .project-number,.project-row--recent .project-title,.project-row--recent .project-arrow{grid-row:1}.project-row--recent .project-number{grid-column:1}.project-row--recent .project-title{grid-column:2}.project-row--recent .project-arrow{grid-column:3}.project-row--recent .project-purpose{grid-area:2/2;gap:.1rem;min-width:0;font-size:.82rem;line-height:1.3;display:grid}.project-row--recent .project-recent-note-copy{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-row--recent .project-recent-date-mobile{color:var(--blue-dark);letter-spacing:.02em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;display:block}.preview-rail{margin-top:.5rem}.issue-band{grid-template-columns:auto 1fr}.issue-band>:last-child{grid-column:2}.page-heading{min-height:18rem}.project-display-title{font-size:clamp(4rem,19vw,7rem)}.project-meta{grid-template-columns:1fr}.project-meta>div{border-right:0;border-bottom:1px solid var(--rule-soft);min-height:3.8rem}.project-meta>div:last-child{border-bottom:0}.project-intro,.media-grid,.contact-sheet,.about-owner{grid-template-columns:1fr}.about-owner{gap:2.5rem;padding-block:4rem}.about-owner-copy h2{font-size:clamp(3.8rem,19vw,6.5rem)}.owner-portrait{justify-self:start;width:min(100%,18rem)}.media-frame,.media-frame[data-presentation]{grid-column:1;width:100%}.media-frame[data-presentation=phone]{justify-self:center;width:min(100%,22rem)}.project-platforms{border-top:1px solid var(--rule-soft);border-left:0;padding-top:1.25rem;padding-left:0}.timeline-item{grid-template-columns:6.25rem 1fr;gap:.5rem 1rem}.timeline-item p{grid-column:2}.site-footer{flex-direction:column;justify-content:center;align-items:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}