@charset "UTF-8";
:root{--bg:#f5f5f0;--ink:#20231f;--muted:#696d65;--line:#d9dcd3;--blue:#304ffe;--font:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:7px}a:hover{color:var(--blue)}::selection{background:#dbe0ff}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;padding:15px;background:white;z-index:10}.skip:focus{top:12px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:32px;font-weight:900;letter-spacing:-2px}.brand-dot{color:var(--blue)}nav{display:flex;gap:35px;font-size:14px;font-weight:600}nav a:last-child span{margin-left:6px}.hero{padding-top:35px}.hero-top,.hero-bottom{display:flex;align-items:center;justify-content:space-between}.eyebrow,.edition,.section-label,.small-label,.art-caption,.hero-bottom,.visual-caption{font-size:11px;letter-spacing:1.5px}.eyebrow{font-weight:700}.edition{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;min-height:560px}.hello{font-size:23px;letter-spacing:-1px;margin:0 0 18px}h1{font-size:clamp(64px,7vw,98px);letter-spacing:-7px;line-height:1.1;margin:0;font-weight:800}.title-end{display:block;font-weight:400;font-size:.66em;letter-spacing:-4px;margin-top:13px}.hero-description{font-size:18px;line-height:1.85;color:var(--muted);margin:28px 0 30px;letter-spacing:-.4px}.button{display:inline-flex;gap:45px;align-items:center;background:var(--ink);color:white;padding:18px 24px;border-radius:3px;font-size:13px}.button:hover{background:var(--blue);color:white}.button span{font-size:19px}.hero-bottom{border-top:1px solid var(--line);padding:22px 0;color:var(--muted);letter-spacing:.5px}.hero-bottom a{font-size:10px;letter-spacing:1px}.hero-bottom a span{margin-left:20px;font-size:15px}.art{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate;overflow:hidden}.art-grid{position:absolute;inset:12%;background-image:linear-gradient(#d9dcd350 1px,transparent 1px),linear-gradient(90deg,#d9dcd350 1px,transparent 1px);background-size:34px 34px;border-radius:50%;mask-image:radial-gradient(black,transparent 70%)}.sphere{width:57%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 26%,#8596ff 0%,#4e69ff 25%,#304ffe 52%,#152ab4 85%);box-shadow:inset -16px -20px 40px #10207450,0 34px 55px -35px #1837eb80;display:grid;place-items:center;transform:rotate(-12deg)}.sphere span{color:#e4e8ff;font-weight:800;font-size:clamp(54px,7vw,94px);letter-spacing:-8px;opacity:.9}.orbit{position:absolute;width:92%;height:39%;border:1px solid #8290b280;border-radius:50%;transform:rotate(-35deg)}.orbit-two{transform:rotate(35deg);width:89%;height:40%;z-index:-1}.orbit-three{width:78%;height:84%;transform:rotate(-30deg);z-index:-1}.satellite{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--blue);top:23%;right:11%;box-shadow:inset 3px 3px 6px #8b9aff}.art-plus{position:absolute;font-size:20px;font-weight:300;color:#969d8f}.plus-top{top:6%;left:13%}.plus-bottom{bottom:11%;right:8%}.art-caption{position:absolute;bottom:0;font-size:8px;color:var(--muted);letter-spacing:2px}.section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2.6fr;gap:48px;padding-block:92px}.section-label{padding-top:12px;font-weight:600;white-space:nowrap}.index{color:var(--muted);margin-right:15px}.section h2{font-size:clamp(30px,3.4vw,44px);font-weight:600;letter-spacing:-2px;line-height:1.4;margin:0}.blue{color:var(--blue)}.body-copy{font-size:16px;line-height:2;color:var(--muted);margin:25px 0 28px;word-break:keep-all}.about-note{display:flex;align-items:center;gap:9px;font-size:12px}.tiny-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.small-label{font-size:9px;color:var(--muted)}.work-card{border:1px solid var(--line);border-radius:5px;overflow:hidden}.work-visual{height:270px;background:#e7e9e2;position:relative;display:grid;place-items:center;overflow:hidden;background-image:radial-gradient(#d1d5c8 .8px,transparent .8px);background-size:12px 12px}.paper{width:165px;height:194px;position:absolute;border-radius:3px}.paper-back{background:#bdc9ff;transform:rotate(-15deg) translate(-18px,0)}.paper-front{background:var(--bg);transform:rotate(9deg) translate(12px,0);box-shadow:0 15px 25px #20231f15;padding:25px;display:flex;flex-direction:column}.paper-front>span:first-child{font-size:36px;font-weight:800;letter-spacing:-2px;color:var(--blue);margin-bottom:22px}.paper-line{height:2px;background:#d5d8d0;margin-top:8px;width:100%}.paper-line.short{width:65%}.paper-number{margin-top:auto;color:var(--muted);font-size:9px}.visual-caption{position:absolute;bottom:16px;left:20px;font-size:8px;color:#656c5e}.work-info{padding:30px}.work-info .eyebrow{font-size:9px;color:var(--blue)}h3{font-size:23px;letter-spacing:-1px;margin:12px 0}.work-info p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 20px}.status{display:inline-block;background:#e9ece3;color:#646a5d;font-size:10px;padding:7px 10px;border-radius:3px}.contact{background:var(--blue);color:white;border-radius:5px;padding:45px 50px;margin-bottom:45px}.contact .index{color:#e1e5ff}.contact-content{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-block:40px 55px}.contact h2{font-size:clamp(33px,4.4vw,57px);line-height:1.4;letter-spacing:-2.5px;margin:0;font-weight:500;position:relative}.contact h2>span{display:inline-block;margin-left:24px;font-size:1.15em}.contact p{color:#e1e5ff;font-size:13px;line-height:1.9;margin:0 0 8px;word-break:keep-all}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:23px;font-size:11px;letter-spacing:.5px}.footer{display:flex;justify-content:space-between;gap:18px;padding-bottom:32px;color:var(--muted);font-size:10px}.footer a{color:var(--ink)}.footer a span{margin-left:12px}
@media(min-width:1500px){.hero-grid{min-height:620px}}@media(max-width:850px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:0;min-height:510px}h1{font-size:70px}.art-caption{font-size:6px;letter-spacing:1px}.section{grid-template-columns:1fr 3fr;gap:25px;padding-block:65px}.section-label{font-size:9px}.index{margin-right:7px}.contact{padding:35px}.contact-content{display:block}.contact p{margin-top:25px}.edition{font-size:9px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:84px}.brand{font-size:28px}nav{gap:22px;font-size:12px}.hero{padding-top:25px}.edition{display:none}.hero-grid{grid-template-columns:1fr;padding-top:48px}.hello{font-size:20px}h1{font-size:80px;letter-spacing:-5px}.title-end{font-size:45px;letter-spacing:-3px}.hero-description{font-size:16px;margin:24px 0}.button{padding:15px 20px}.art{width:88%;margin:12px auto 28px}.sphere span{font-size:76px;letter-spacing:-6px}.art-caption{font-size:7px}.hero-bottom{font-size:9px;gap:15px}.hero-bottom a{font-size:8px}.hero-bottom a span{margin-left:6px}.section{grid-template-columns:1fr;gap:25px;padding-block:45px}.section-label{font-size:10px;padding:0}.section h2{font-size:33px}.body-copy{font-size:14px}.desktop-break{display:none}.section-heading{gap:10px}.small-label{font-size:8px;letter-spacing:.6px}.work-visual{height:240px}.work-info{padding:25px}.work-info h3{font-size:21px}.work-info p{font-size:13px}.contact{padding:28px 24px;margin-bottom:28px}.contact-content{padding-block:30px 36px}.contact h2{font-size:34px;letter-spacing:-1.6px}.contact h2>span{margin-left:10px}.contact p{font-size:12px}.contact-bottom{font-size:9px;gap:15px}.footer{flex-wrap:wrap;font-size:9px;row-gap:18px}.footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}