:root{--paper:#f5f3eb;--ink:#20251d;--blue:#294cf3;--muted:#6a6c62;--line:#d4d6c9;--green:#d4f58b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.header{height:118px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:750;line-height:.88;letter-spacing:-1px}.brand-icon{font-family:Georgia,serif;position:relative;font-size:58px;letter-spacing:-19px;padding-right:22px;color:var(--blue);font-style:italic}.brand-icon span{position:relative;top:7px}.brand-period{color:var(--blue)}nav{display:flex;align-items:center;gap:35px;font-size:14px}nav a:hover{color:var(--blue)}.nav-social{margin-left:25px}.nav-social span{margin-left:10px}.hero{padding-top:43px}.eyebrow,.section-label,.mono,.project-meta,.art-coordinate,.art-footnote,.hero-bottom,.project-url,.instagram-link small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:1.4px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--blue)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:currentColor}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;padding:35px 0 32px}.hero-copy{position:relative}h1{font-size:clamp(65px,6.5vw,98px);line-height:1.16;letter-spacing:-7px;font-weight:650;margin:12px 0 29px;color:var(--blue)}.serif{font-family:Georgia,"Apple SD Gothic Neo",serif;font-weight:500}.asterisk{display:inline-block;font-size:74px;vertical-align:top;margin:9px 0 0 35px;line-height:1;font-weight:400}.hero-description{font-size:16px;line-height:1.85;letter-spacing:-.3px;color:#575d50;margin:0 0 28px}.button{display:inline-flex;min-height:55px;align-items:center;justify-content:space-between;gap:45px;padding:0 22px;font-weight:650;font-size:14px;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:23px;font-weight:400}.blue{background:var(--blue);color:white}.blue:hover{background:#1639de}.hero-art{position:relative;height:570px;isolation:isolate}.art-grid{position:absolute;inset:15px 0 20px;background-image:radial-gradient(#bbc3ae 1px,transparent 1px);background-size:19px 19px;mask-image:radial-gradient(ellipse,black 45%,transparent 73%);opacity:.55}.threads{position:absolute;width:100%;height:100%;overflow:visible}.threads path{fill:none;stroke:var(--blue);stroke-width:1.25}.threads path:nth-child(2){stroke:#939d81}.threads path:nth-child(3){stroke-dasharray:4 7;opacity:.55}.threads circle{fill:var(--blue);stroke:var(--paper);stroke-width:4}.art-tag{position:absolute;background:var(--paper);border:1px solid #b6bea8;padding:9px 15px;font:12px ui-monospace,monospace;border-radius:25px}.tag-one{top:25px;left:4%;transform:rotate(-9deg)}.tag-two{top:95px;right:0;transform:rotate(12deg);background:var(--green);border-color:var(--green)}.tag-three{bottom:47px;left:23%;transform:rotate(-7deg)}.orbit-note{position:absolute;left:21%;top:29%;width:65%;aspect-ratio:1;background:var(--green);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(-8deg);box-shadow:15px 18px 0 #cad0ba3b}.orbit-note>span{font-size:76px;line-height:1;color:var(--blue);margin-bottom:18px}.orbit-note strong{font-size:clamp(20px,2vw,29px);font-weight:650;line-height:1.5;letter-spacing:-1px}.orbit-note small{font:10px ui-monospace,monospace;letter-spacing:2px;margin-top:22px}.art-coordinate{position:absolute;right:0;bottom:0;color:var(--muted);font-size:9px}.hero-bottom{border-top:1px solid var(--line);padding:22px 0 26px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.hero-bottom>span:first-child{font-family:inherit;font-size:13px;letter-spacing:0}.hero-bottom>span:last-child span{margin-left:25px}.about{background:#e9ecdf;padding:83px 0 77px}.about-grid{display:grid;grid-template-columns:1fr 3fr;gap:50px}.section-label{font-size:11px;color:var(--muted)}h2{font-size:clamp(28px,3vw,42px);line-height:1.45;letter-spacing:-1.8px;font-weight:600;margin:0 0 30px}.about h2 span{color:#747b68}.about-text{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:810px}.about-text p{font-size:15px;line-height:1.9;color:#585f50;margin:0}.process{display:flex;gap:28px;align-items:center;margin-top:33px;border-top:1px solid #cbd0bf;padding-top:23px;font-size:13px}.process i{font-style:normal;color:#879277}.projects{padding:88px 0}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.section-top h2{margin:16px 0 0}.little-note{font-size:12px;color:var(--muted);padding-bottom:8px}.little-note span{margin-left:12px}.project{display:grid;grid-template-columns:1.08fr 1fr;border:1px solid #cdd1c1;border-radius:5px;overflow:hidden;background:#faf9f3}.project-art{position:relative;min-height:490px;background:#dce6ca;overflow:hidden;isolation:isolate}.project-art-grid{position:absolute;inset:0;background-image:linear-gradient(#bbcba855 1px,transparent 1px),linear-gradient(90deg,#bbcba855 1px,transparent 1px);background-size:58px 58px;transform:rotate(-12deg) scale(1.3)}.map-line{position:absolute;inset:-35%;border:23px solid #f5f3eb;transform:rotate(32deg);border-radius:44%;z-index:-1}.line-one{left:-100%;top:30%;right:-70%;bottom:-40%;transform:rotate(-28deg);border-width:25px}.line-two{left:40%;right:-30%;top:-90%;bottom:-50%;transform:rotate(30deg);border-width:17px}.fish-stamp{position:absolute;top:22%;left:18%;width:66%;aspect-ratio:1;background:#f7b658;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-12deg);box-shadow:9px 10px 0 #26371b19;border:1px solid #c48c42}.fish-stamp svg{width:79%;fill:#f7d591;stroke:#734828;stroke-width:3;overflow:visible}.fish-stamp .fish-detail{fill:none;stroke-width:2;stroke-linecap:round}.fish-stamp span{font-size:22px;font-weight:750;color:#734828;letter-spacing:-1px;margin-top:-14px}.map-label{position:absolute;background:var(--paper);padding:9px 12px;font-size:11px;z-index:2;border:1px solid #bec9ad;border-radius:3px}.map-label-one{top:12%;left:8%;transform:rotate(-7deg)}.map-label-two{bottom:16%;right:7%;transform:rotate(8deg)}.map-pin{position:absolute;font-size:48px;color:#667d4c}.pin-one{top:8%;right:11%;transform:rotate(12deg)}.pin-two{bottom:12%;left:8%;font-size:29px}.art-footnote{position:absolute;bottom:24px;left:0;width:100%;text-align:center;font-size:8px;color:#647553;letter-spacing:1px}.project-info{padding:43px 45px}.project-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.7px;color:var(--muted)}.live-badge{display:flex;gap:6px;align-items:center;font-family:inherit;font-size:11px;letter-spacing:0;color:#46743b}.live-badge .status-dot{width:5px;height:5px}h3{font-size:49px;font-weight:650;letter-spacing:-2px;margin:30px 0 19px;display:flex;align-items:baseline;gap:18px}.project-english{font:11px ui-monospace,monospace;color:var(--muted);letter-spacing:1.5px}.project-headline{font-size:23px;font-weight:550;line-height:1.5;letter-spacing:-.8px;margin:0 0 18px}.project-description{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 24px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:29px}.tags span{font-size:10px;padding:6px 10px;border:1px solid #d8dacd;border-radius:20px;color:#646c58}.dark{background:var(--ink);color:var(--paper);width:100%}.dark:hover{background:#394b2f}.project-url{display:block;font-size:9px;text-align:center;letter-spacing:.4px;color:var(--muted);margin-top:13px}.next-project{display:flex;gap:16px;align-items:center;padding:25px 0 0;color:var(--muted)}.next-project>span:first-child{border:1px dashed #b6bea9;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:19px}.next-project p{font-size:13px}.next-project .mono{margin-left:auto;font-size:9px}.follow{background:var(--blue);color:var(--paper);padding:70px 0 75px}.follow-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px}.follow .section-label{color:#c3caff;margin-bottom:24px}.follow h2{font-size:36px;margin-bottom:20px}.follow h2 span{color:var(--green)}.follow p{font-size:13px;color:#c8ceff}.instagram-link{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid #8c9bff;padding:18px 0 25px}.instagram-link>span:first-child{font-size:clamp(20px,2.3vw,34px);letter-spacing:-1px}.instagram-link>span:nth-child(2){font-size:38px;color:var(--green);transition:transform .2s}.instagram-link:hover>span:nth-child(2){transform:translate(4px,-4px)}.instagram-link small{grid-column:1/-1;margin-top:15px;color:#bec7ff;font-size:9px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:115px}.footer-name{font-size:13px;font-weight:750;letter-spacing:.5px;display:flex;align-items:center;gap:14px}.footer-name span{font-size:27px;color:var(--blue)}.footer>span{color:var(--muted);font-size:11px}.footer small{font-size:10px;color:var(--muted)}.skip{position:fixed;top:-60px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.hero-grid{gap:100px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:15px}.hero-art{height:490px}h1{font-size:75px}.asterisk{font-size:52px;margin-left:18px}.orbit-note{left:12%;width:78%}.about-grid{grid-template-columns:1fr 3fr;gap:20px}.project-info{padding:32px}.project-art{min-height:490px}.fish-stamp{left:10%;width:80%;top:25%}.follow-grid{gap:35px}.follow h2{font-size:30px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:88px}.brand{font-size:18px;gap:9px}.brand-icon{font-size:45px;letter-spacing:-15px;padding-right:18px}nav{gap:20px;font-size:12px}.nav-social{margin-left:0}.nav-social{font-size:0}.nav-social span{font-size:22px;margin-left:0}.hero{padding-top:29px}.eyebrow{font-size:8px;letter-spacing:1px}.hero-grid{grid-template-columns:1fr;gap:10px;padding:26px 0 30px}h1{font-size:clamp(64px,17vw,95px);letter-spacing:-4px;margin:0 0 26px}.asterisk{font-size:55px;margin:12px 0 0 30px}.hero-description{font-size:14px;margin-bottom:23px}.button{font-size:13px;min-height:52px}.hero-art{height:370px;max-width:390px;width:100%;margin:10px auto 0}.orbit-note{width:60%;left:23%;top:25%}.orbit-note>span{font-size:49px;margin-bottom:10px}.orbit-note strong{font-size:20px}.orbit-note small{font-size:7px;margin-top:14px}.threads{inset:0;transform:scaleY(.9)}.tag-one{top:19px;left:5%}.tag-two{top:75px;right:0}.tag-three{bottom:18px;left:25%}.art-tag{font-size:10px;padding:7px 12px}.art-coordinate{font-size:7px;bottom:-14px}.hero-bottom{font-size:8px;padding-top:18px}.hero-bottom>span:first-child{font-size:11px}.about{padding:48px 0}.about-grid{grid-template-columns:1fr;gap:23px}h2{font-size:29px;letter-spacing:-1.2px;margin-bottom:23px}.about-text{grid-template-columns:1fr;gap:17px}.about-text p{font-size:14px}.process{gap:18px;font-size:12px;margin-top:27px}.projects{padding:48px 0}.section-top{display:block;margin-bottom:24px}.section-top h2{margin-top:13px;font-size:28px}.little-note{display:block;margin-top:14px;font-size:11px}.project{grid-template-columns:1fr}.project-art{min-height:340px}.fish-stamp{width:59%;left:20%;top:15%;max-width:270px}.fish-stamp span{font-size:20px}.map-label-one{top:10%;left:5%}.map-label-two{bottom:12%;right:5%}.art-footnote{bottom:15px;font-size:6px}.project-info{padding:30px 25px}.project-meta{font-size:9px}h3{font-size:42px;margin-top:24px}.project-headline{font-size:22px}.project-description{font-size:13px}.next-project{flex-wrap:wrap;gap:10px}.next-project p{font-size:12px}.next-project .mono{width:100%;margin-left:42px;font-size:8px}.follow{padding:45px 0}.follow-grid{grid-template-columns:1fr;gap:24px}.follow h2{font-size:29px}.follow p{font-size:12px;line-height:1.8}.instagram-link{padding-top:0}.instagram-link>span:first-child{font-size:28px}.footer{padding:27px 0;flex-wrap:wrap;min-height:0;gap:14px}.footer-name{width:100%}.footer>span{font-size:10px}.footer small{font-size:9px;margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:360px){nav{gap:12px}.asterisk{margin-left:15px}.process{gap:12px}.hero-bottom>span:last-child{letter-spacing:.2px}}
