@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#171713;--paper:#f4f0e6;--red:#ed3e2d;--acid:#d9ff43;--blue:#2746d7;--line:rgba(23,23,19,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Sans KR",sans-serif;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.page-progress{position:fixed;left:0;top:0;width:0;height:3px;background:var(--red);z-index:200}.site-header{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:10}.logo{font-size:25px;font-weight:700;letter-spacing:-1.5px}.logo span{color:var(--red)}nav{display:flex;gap:34px;font-size:12px;font-weight:700;letter-spacing:.3px}nav a{position:relative;padding:10px 0}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--red);transition:.3s}nav a:hover:after{right:0}.menu-button{display:none;background:none;border:0;font:inherit}.hero{min-height:100vh;padding:140px 8vw 70px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 44%,rgba(237,62,45,.08),transparent 31%)}.hero:before{content:"";position:absolute;inset:82px 4vw 4vw;border-left:1px solid var(--line);border-right:1px solid var(--line);pointer-events:none}.hero-copy{z-index:2}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2.7px}.hero h1{font-family:"Gowun Batang",serif;font-size:clamp(56px,8vw,125px);line-height:.98;letter-spacing:-7px;margin:28px 0 34px;font-weight:400}.hero h1 em{color:var(--red);font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;left:-2%;right:-4%;bottom:5%;height:7%;background:var(--acid);z-index:-1;transform:rotate(-2deg)}.lead{font-family:"Gowun Batang",serif;font-size:clamp(16px,1.6vw,23px);line-height:1.75}.text-link{display:inline-flex;justify-content:space-between;gap:70px;border-bottom:1px solid;padding:12px 0;margin-top:24px;font-size:12px;font-weight:700;transition:.25s}.text-link:hover{color:var(--red);gap:88px}.hero-mark{position:absolute;right:-2vw;top:16vh;color:var(--red);display:flex;align-items:flex-end;transform:rotate(-7deg)}.hero-mark>span{font-size:clamp(250px,39vw,600px);font-weight:700;letter-spacing:-45px;line-height:.8;opacity:.12}.hero-mark small{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 2vw -5vw}.hero-orbit{position:absolute;width:150px;height:150px;right:8vw;top:16vh;border:1px solid var(--red);border-radius:50%;z-index:3;animation:spin 18s linear infinite}.hero-orbit:after{content:"✦";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:var(--red);font-size:28px}.hero-orbit span{display:block;font-size:9px;letter-spacing:2px;word-spacing:8px;padding:10px;text-align:center;color:var(--red)}.side-note{position:absolute;right:4.7vw;bottom:75px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.scroll-cue{position:absolute;bottom:32px;left:8vw;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:2px}.scroll-cue span{width:42px;height:1px;background:var(--ink);position:relative;overflow:hidden}.scroll-cue span:after{content:"";position:absolute;inset:0;background:var(--red);animation:scan 2s ease-in-out infinite}.marquee{background:var(--red);color:white;overflow:hidden;transform:rotate(-1.2deg) scale(1.02);position:relative;z-index:4}.marquee div{display:flex;gap:30px;width:max-content;padding:15px 0;animation:marquee 25s linear infinite}.marquee span{font-family:"Gowun Batang",serif;font-size:14px;letter-spacing:1px}.marquee i{color:var(--acid);font-style:normal}.manifesto,.books{padding:140px 8vw}.manifesto{display:grid;grid-template-columns:25% 75%;position:relative}.section-label{display:flex;gap:20px;align-items:flex-start;font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.section-label span{color:var(--red);font-weight:700}.section-label p{margin:0}.quote{font-family:"Gowun Batang",serif;font-size:clamp(34px,5vw,70px);line-height:1.35;margin:0 0 80px;letter-spacing:-2px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;font-family:"Gowun Batang",serif;font-size:17px;line-height:1.9}.story-grid p:first-child:first-letter{font-size:64px;float:left;line-height:.8;margin:9px 10px 0 0;color:var(--red)}.address-card{margin-top:80px;border:1px solid var(--ink);min-height:190px;display:grid;grid-template-columns:1fr 1fr 1.5fr .6fr;align-items:center;padding:28px;position:relative;background:linear-gradient(110deg,transparent 70%,rgba(237,62,45,.08))}.address-card:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--paper);border:1px solid;left:-9px;top:calc(50% - 8px)}.address-card>span{font-size:8px;letter-spacing:2px;align-self:start}.address-card strong{font-size:120px;line-height:.8;color:var(--red);letter-spacing:-12px}.address-card p{font-family:"Gowun Batang",serif;font-size:18px;line-height:1.6}.address-card i{font-size:9px;font-style:normal;line-height:2;letter-spacing:1px}.fields{background:var(--ink);color:var(--paper);padding:110px 8vw 80px;position:relative}.fields:before{content:"27";position:absolute;right:1vw;bottom:-5vw;color:white;opacity:.025;font-size:32vw;font-weight:700;line-height:1}.light{margin-bottom:55px}.field-list{border-top:1px solid #555;position:relative}.field{display:grid;grid-template-columns:8% 36% 32% 24%;align-items:center;border-bottom:1px solid #555;min-height:180px;transition:.35s;position:relative}.field:before{content:"";position:absolute;inset:0 100% 0 0;background:var(--acid);transition:.4s cubic-bezier(.2,.8,.2,1);z-index:0}.field>*{position:relative;z-index:1}.field:hover{color:var(--ink);padding:0 18px}.field:hover:before{right:0}.field .number{font-size:10px}.field h2{font-family:"Gowun Batang",serif;font-size:clamp(42px,6vw,80px);margin:0;font-weight:400}.field p{font-family:"Gowun Batang",serif;line-height:1.7}.field b{text-align:right;text-transform:uppercase;font-size:9px;letter-spacing:1.8px}.field-footer{text-align:right;font-family:"Gowun Batang",serif;margin-top:50px;color:#aaa}.books{display:grid;grid-template-columns:25% 75%;background:linear-gradient(135deg,var(--paper),#e8e2d4)}.book-feature{display:grid;grid-template-columns:minmax(250px,420px) 1fr;gap:8vw;align-items:center;perspective:1200px}.book-cover{aspect-ratio:.68;background:var(--acid);padding:30px 30px 32px;box-shadow:12px 15px 0 var(--red),26px 32px 45px rgba(23,23,19,.22);display:flex;flex-direction:column;position:relative;transform:rotateY(5deg) rotateZ(-1deg);transition:.5s}.book-cover:before{content:"";position:absolute;left:10px;top:0;bottom:0;border-left:1px solid rgba(0,0,0,.14);box-shadow:3px 0 8px rgba(0,0,0,.08)}.book-cover:hover{transform:rotateY(0) rotateZ(0) translateY(-8px)}.cover-top{display:flex;justify-content:space-between}.cover-top span{font-size:9px;letter-spacing:1.5px}.cover-top b{border:1px solid;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:10px}.book-cover strong{font-family:"Gowun Batang",serif;font-size:clamp(48px,6vw,80px);line-height:1.05;margin:auto 0;font-weight:400}.book-cover small{border-top:1px solid;padding-top:16px}.book-info h2,.newsletter h2{font-family:"Gowun Batang",serif;font-weight:400;font-size:clamp(38px,5vw,68px);line-height:1.3;margin:24px 0;letter-spacing:-2px}.book-info>p:not(.eyebrow){font-family:"Gowun Batang",serif;line-height:1.9;max-width:520px}.status{display:inline-block;background:var(--ink);color:white;padding:12px 18px;margin-top:25px;font-size:11px;letter-spacing:1px}.newsletter{background:var(--red);color:#fff;padding:120px 8vw;text-align:center;position:relative;overflow:hidden}.newsletter:before,.newsletter:after{content:"✦";position:absolute;color:var(--acid);font-size:170px;opacity:.22}.newsletter:before{left:5vw;top:20px;transform:rotate(14deg)}.newsletter:after{right:5vw;bottom:-45px;transform:rotate(-12deg)}.newsletter form{max-width:620px;margin:50px auto 15px;display:flex;border-bottom:1px solid white;position:relative;z-index:2}.newsletter input{flex:1;background:transparent;border:0;color:white;padding:18px 4px;font-size:18px;outline:none}.newsletter input::placeholder{color:#ffc0b8}.newsletter button{background:none;color:white;border:0;font-weight:700;cursor:pointer}.newsletter button span{margin-left:18px}.form-note{font-size:10px;opacity:.75;letter-spacing:.5px}footer{padding:60px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:11px;line-height:1.7;border-top:1px solid var(--line)}.footer-logo{font-size:32px}.copyright{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:760px){.site-header{height:68px;position:absolute}.menu-button{display:block;font-size:11px;letter-spacing:1px}nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:28px 6vw;flex-direction:column;border-bottom:1px solid;box-shadow:0 15px 30px rgba(0,0,0,.08)}nav.open{display:flex}.hero{padding:115px 9vw 75px;align-items:flex-end;min-height:92vh}.hero:before{inset:68px 3vw 3vw}.hero-copy{min-width:0;width:100%}.hero h1{font-size:clamp(46px,13.2vw,56px);letter-spacing:-3px;white-space:nowrap}.hero .lead{font-size:15px;line-height:1.75;max-width:88vw;overflow-wrap:anywhere}.hero-mark{top:25vh;right:-20vw}.hero-mark>span{font-size:300px}.hero-mark small,.hero-orbit,.side-note{display:none}.scroll-cue{left:9vw;bottom:28px}.manifesto,.books{padding:90px 7vw;display:block}.section-label{margin-bottom:50px}.quote{margin-bottom:50px}.story-grid{grid-template-columns:1fr;gap:12px}.address-card{grid-template-columns:1fr 1fr;padding:22px;gap:22px}.address-card strong{font-size:90px}.address-card>span{grid-column:1/-1}.address-card i{text-align:right}.field{grid-template-columns:12% 48% 40%;min-height:140px}.field p{display:none}.field b{font-size:7px}.field:hover{padding:0 8px}.fields{padding:85px 7vw}.book-feature{grid-template-columns:1fr;gap:80px}.book-cover{max-width:300px;margin:auto;transform:rotateY(2deg) rotateZ(-1deg)}.book-info{text-align:center}.book-info>p:not(.eyebrow){margin-left:auto;margin-right:auto}.newsletter{padding:90px 7vw}.newsletter:before,.newsletter:after{font-size:90px}.newsletter form{display:block;border:0}.newsletter input{width:100%;border-bottom:1px solid white;text-align:center}.newsletter button{margin-top:20px;padding:15px}footer{grid-template-columns:1fr;gap:24px;text-align:center}.copyright{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.dedication{font-family:"Gowun Batang",serif;font-size:clamp(18px,2vw,27px);line-height:1.55;margin:0 0 62px;padding-left:25px;border-left:2px solid var(--red);color:#57534b}.dedication span{display:block;font-family:Manrope,sans-serif;text-transform:uppercase;font-size:8px;letter-spacing:2.4px;color:var(--red);margin-bottom:14px}.dedication strong{color:var(--ink);font-weight:700}
.contact-email{display:inline-flex;align-items:center;gap:28px;margin:38px auto 22px;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.8);font-size:clamp(18px,2.2vw,30px);font-weight:500;letter-spacing:-.5px;position:relative;z-index:2;transition:color .25s,border-color .25s,gap .25s}.contact-email span{color:var(--acid)}.contact-email:hover,.contact-email:focus-visible{color:var(--acid);border-color:var(--acid);gap:38px}
