:root{--ink:#111210;--paper:#efefe9;--orange:#ff5100;--muted:#999b92}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}button{border:0;background:none}img{display:block;max-width:100%}::selection{background:var(--orange);color:#111} .skip{position:fixed;z-index:100;top:-80px;left:20px;background:white;color:black;padding:16px}.skip:focus{top:10px}.header{position:absolute;top:0;z-index:5;width:100%;height:100px;display:flex;align-items:center;gap:34px;padding:0 4.2%;border-bottom:1px solid #ffffff15}.header-logo{width:100px;height:auto}.header-note{font-size:10px;letter-spacing:1.5px;color:#a4a69f}.header-link{margin-left:auto;font-size:13px}.header-link span{color:var(--orange);margin-left:18px;font-size:21px}.hero{height:100svh;min-height:660px;position:relative;overflow:hidden}.hero-topline{position:absolute;top:148px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px;color:#85877e}.hero-stage{position:absolute;inset:145px 4.2% 100px;display:flex;align-items:center;justify-content:center}.word-scene{display:flex;align-items:center;justify-content:center;gap:2vw;width:100%;transition:opacity .25s,transform .4s}.lets-mark{width:30%;max-width:455px;height:auto}.word-window{position:relative;width:49%;height:1.2em;overflow:hidden;font-size:clamp(70px,10.8vw,180px);font-weight:750;letter-spacing:-.075em;line-height:1.15;border-bottom:2px solid #ffffff35}.word{display:block;white-space:nowrap;color:var(--orange)}.why-scene{position:absolute;opacity:0;font-size:clamp(90px,17vw,260px);font-weight:750;letter-spacing:-.075em;line-height:1;pointer-events:none}.why-scene span{color:var(--orange)}.brand-scene{position:absolute;text-align:center;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .6s,transform .8s}.brand-scene img{width:clamp(230px,28vw,440px);height:auto;margin:0 auto 24px}.brand-scene h1{font-size:clamp(30px,3.1vw,48px);line-height:1.4;letter-spacing:-.055em;margin:0;font-weight:600}.brand-scene h1 br{display:none}.brand-scene p{font-size:14px;color:#a5a79e;margin-top:19px}.hero.finished .brand-scene{opacity:1;transform:none;pointer-events:auto}.hero.finished .word-scene{opacity:0;pointer-events:none}.hero-bottom{position:absolute;bottom:42px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.hero-tag{color:#a5a79e;display:flex;align-items:center;gap:10px}.orange-dot{width:5px;height:5px;background:var(--orange);border-radius:50%;display:inline-block}.scroll-link{display:flex;align-items:center;gap:30px}.scroll-link span{font-size:24px}.replay{color:#b8bab3;font-size:11px;min-height:44px}.replay span{margin-left:10px}.progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left}.projects{padding:70px 4.2% 110px;background:var(--paper);color:var(--ink);position:relative;border-radius:0}.section-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.6px}.section-aside{font-size:12px;color:#66685f}.projects-title{display:flex;justify-content:space-between;align-items:flex-end;margin:60px 0}.projects-title h2{font-size:clamp(70px,9.5vw,150px);line-height:1.03;letter-spacing:-.085em;margin:0;font-weight:750}.projects-title h2 span{color:#96998d}.projects-title p{font-size:15px;line-height:1.8;letter-spacing:-.025em;width:25%;margin:0 0 4px}.filters{display:flex;gap:32px;border-top:1px solid #1113;padding:23px 0 26px}.filters button{font-size:14px;padding:8px 0;color:#777970}.filters button.active{color:#111}.filters sup{font-size:9px;margin-left:8px;color:#85877e}.filters button.active:after{content:'';height:4px;width:4px;border-radius:50%;background:var(--orange);display:inline-block;margin-left:8px;vertical-align:middle}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px 28px}.project.featured{grid-column:1/-1}.project[hidden]{display:none}.project-visual{display:block;position:relative;aspect-ratio:1.6;overflow:hidden;background:#dadbd3}.featured .project-visual{aspect-ratio:2.13}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 25%,transparent 70%,#0003);pointer-events:none}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.project-visual:hover img{transform:scale(1.035)}.visual-index{position:absolute;z-index:1;top:25px;left:25px;color:white;font-size:10px;letter-spacing:1.5px}.visit-circle{position:absolute;z-index:1;right:24px;bottom:24px;width:48px;height:48px;display:grid;place-items:center;background:var(--paper);color:var(--ink);border-radius:50%;font-size:25px;transition:background .2s,transform .2s}.project-visual:hover .visit-circle{background:var(--orange);transform:rotate(45deg)}.project-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0 0}.project-kicker{font-size:10px;letter-spacing:1px;color:#73766a}.project-caption h3{font-size:26px;letter-spacing:-.05em;margin:9px 0}.project-caption p{font-size:13px;color:#6b6e62;line-height:1.7;margin:0}.story-button{font-size:12px;white-space:nowrap;min-width:44px;min-height:44px}.story-button span{margin-left:22px}.miri{background:#f4ddd5}.miri img{object-fit:contain;padding:16%}.miri:after{background:none}.miri .visual-index{color:#7a554b}.manifesto{background:var(--orange);color:var(--ink);padding:55px 4.2% 90px}.asterisk{font-size:45px;line-height:1}.manifesto h2{font-size:clamp(78px,12vw,190px);line-height:1.05;font-weight:750;letter-spacing:-.085em;margin:70px 0 80px}.period{color:var(--paper)}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:35px;border-top:1px solid #1115}.statement{font-size:30px;letter-spacing:-.05em;line-height:1.5;margin:0}.about-copy{font-size:15px;line-height:1.9;letter-spacing:-.025em}.about-copy p{margin:0 0 25px}.outro{padding:120px 4.2% 100px;text-align:center}.outro>p{font-size:10px;letter-spacing:1.7px;color:#8c8f82}.outro h2{font-size:clamp(40px,6vw,90px);line-height:1.25;letter-spacing:-.065em;margin:35px 0 40px}.outro-link{font-size:14px;border-bottom:1px solid #777;padding-bottom:12px;display:inline-flex;gap:65px}.outro-link span{color:var(--orange)}footer{margin:0 4.2%;border-top:1px solid #ffffff25;padding:30px 0;display:flex;align-items:center;gap:40px}footer>span{font-size:12px;color:#999c90}footer>a{margin-left:auto;font-size:12px}footer small{font-size:10px;color:#74776a}footer img{width:95px;height:auto}dialog{background:var(--paper);color:var(--ink);border:0;width:min(620px,calc(100% - 32px));max-height:85svh;padding:32px 40px;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px;font-size:9px;letter-spacing:1px}.close-dialog{width:44px;height:44px;font-size:21px}#dialog-kicker{font-size:11px;color:#ad3800;letter-spacing:1px}dialog h2{font-size:38px;letter-spacing:-.06em;margin:14px 0 25px}dialog p{font-size:15px;line-height:1.9;color:#56594f}dialog h3{font-size:13px;margin-top:28px}#dialog-link{display:inline-block;margin:25px 0 10px;border-bottom:1px solid;padding-bottom:10px;font-size:14px}@media(min-width:1600px){.hero-stage{top:160px}.project-grid{gap:70px 36px}}@media(max-width:750px){.header{height:80px;padding:0 6%}.header-logo{width:82px}.header-note{display:none}.hero{min-height:590px}.hero-topline{top:115px;left:6%;right:6%;font-size:8px;letter-spacing:.8px}.hero-topline span:last-child{display:none}.hero-stage{inset:130px 6% 115px}.word-scene{flex-direction:column;gap:24px;align-items:flex-start;padding-left:2%}.lets-mark{width:62%;max-width:290px}.word-window{width:100%;font-size:clamp(72px,19.5vw,140px);height:1.2em}.why-scene{font-size:22vw}.brand-scene img{width:66vw;max-width:310px;margin-bottom:28px}.brand-scene h1{font-size:32px}.brand-scene h1 br{display:block}.brand-scene p{font-size:12px}.hero-bottom{left:6%;right:6%;bottom:26px;flex-wrap:wrap;gap:20px}.hero-tag{width:100%;font-size:10px}.scroll-link{font-size:12px;gap:16px}.replay{margin-left:auto}.projects{padding:42px 6% 65px}.section-aside{display:none}.eyebrow{font-size:8px;letter-spacing:1px}.projects-title{display:block;margin:42px 0 30px}.projects-title h2{font-size:23vw}.projects-title p{width:auto;font-size:13px;margin-top:28px}.projects-title p br:first-child{display:none}.filters{gap:24px;padding:15px 0 20px}.filters button{font-size:12px}.project-grid{grid-template-columns:1fr;gap:40px}.featured .project-visual{aspect-ratio:1.5}.project-visual{aspect-ratio:1.5}.visual-index{top:16px;left:16px;font-size:8px}.visit-circle{right:16px;bottom:16px;width:40px;height:40px}.project-caption{padding-top:16px;gap:10px}.project-caption h3{font-size:23px}.project-caption p{font-size:12px}.project-kicker{font-size:8px}.story-button{font-size:10px}.story-button span{margin-left:5px}.manifesto{padding:38px 6% 40px}.manifesto h2{font-size:20vw;margin:52px 0}.manifesto-bottom{grid-template-columns:1fr;gap:28px}.statement{font-size:25px}.about-copy{font-size:13px}.asterisk{font-size:32px}.outro{padding:85px 6% 75px}.outro h2{font-size:11vw}.outro>p{font-size:8px}.outro-link{font-size:12px;gap:40px}footer{margin:0 6%;flex-wrap:wrap;gap:20px;padding-bottom:32px}footer>span{display:none}footer small{width:100%;font-size:9px}dialog{padding:20px 24px}dialog h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.word-scene,.why-scene{display:none!important}.brand-scene{opacity:1!important;transform:none!important}}