:root{--ink:#20201e;--paper:#fbfaf7;--soft:#eeece6;--line:#d4d1c9;--muted:#747169;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:26px}
body{margin:0}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #9d7853;outline-offset:5px}
button:disabled{cursor:default}
button{border-radius:0}
h1,h2,h3,p{margin:0}
a,button{touch-action:manipulation}
.skip{position:fixed;left:12px;top:-70px;background:white;padding:15px;z-index:20}
.skip:focus{top:10px}
.masthead{background:#fff}
.brand-row{height:112px;display:flex;align-items:center;justify-content:center;position:relative;margin:0 4.2%}
.wordmark,.footer-wordmark{font-family:Didot,'Bodoni MT','Times New Roman',serif;font-size:59px;letter-spacing:9px;padding-left:9px;line-height:1}
.brand-caption{position:absolute;left:0;font-size:9px;letter-spacing:1.5px}
.masthead>nav{height:48px;border-top:1px solid #f2f1ee;display:flex;align-items:center;justify-content:center;gap:48px;font-size:12px;letter-spacing:1px}
.masthead>nav a{padding:15px 0;border-bottom:1px solid transparent}
.masthead>nav a:hover{border-color:var(--ink)}
.hero{height:690px;min-height:580px;position:relative;background:#191b19;color:#f4f0e6;overflow:hidden}
.hero-art{position:absolute;inset:0;background:url('orbit.svg') 65% 50%/cover no-repeat;opacity:.97}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,13,12,.57),transparent 75%)}
.hero-top,.hero-copy,.hero-foot,.scroll-cue{z-index:1;position:absolute}
.hero-top{top:34px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}
.hero-top span:last-child{letter-spacing:.5px;color:#c3c5bc}
.hero-copy{left:10%;top:150px}
.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.8}
.hero-copy h1{font-family:'AppleMyungjo','Noto Serif KR',Georgia,serif;font-weight:400;font-size:56px;line-height:1.42;letter-spacing:-2px;margin-top:19px}
.hero-description{margin-top:23px;font-size:14px;font-weight:300;line-height:1.9;color:#dddcd4}
.outline-button{display:inline-flex;align-items:center;gap:45px;margin-top:35px;border:1px solid #adada1;padding:17px 23px;font-size:12px;transition:background .2s}
.outline-button:hover{background:#f6f3e8;color:var(--ink)}
.outline-button span{font-size:16px}
.hero-foot{left:4.2%;bottom:29px;font-size:8px;letter-spacing:1.6px;color:#c8c9c1}
.scroll-cue{right:4.2%;bottom:26px;font-size:8px;letter-spacing:1.6px;display:flex;align-items:center;gap:26px}
.scroll-cue span{font-size:22px}
.introduction{text-align:center;padding:118px 20px 122px}
.introduction h2{font-family:'AppleMyungjo','Noto Serif KR',Georgia,serif;font-size:34px;line-height:1.6;font-weight:400;letter-spacing:-1px;margin:20px 0}
.introduction>p:last-child{font-size:13px;color:#68665f;line-height:2.1}
.collection{padding:0 4.2% 100px}
.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0 34px}
.section-heading h2{font-size:14px;font-weight:400}
.section-heading>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}
.universe-feature{display:grid;grid-template-columns:1.35fr 1fr;background:#efede7}
.universe-image{min-height:425px;background:#222b26 url('orbit.svg') 75% center/auto 120% no-repeat;position:relative}
.image-caption{position:absolute;bottom:25px;left:27px;color:#e2e0d6;letter-spacing:1.6px;font-size:9px}
.feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:50px 13%}
.feature-copy h3,.pair-copy h3{font-family:Didot,'Bodoni MT','Times New Roman',serif;font-size:51px;font-weight:400;letter-spacing:-1px;margin:11px 0 25px}
.feature-headline{font-size:17px;line-height:1.6;margin-bottom:13px}
.feature-copy>p:not(.eyebrow):not(.feature-headline),.pair-copy>p:not(.eyebrow):not(.feature-headline){font-size:12px;line-height:2;color:#68665f}
.text-link{display:inline-flex;gap:23px;align-items:center;border-bottom:1px solid #8e8b81;padding-bottom:8px;margin-top:31px;font-size:11px}
.text-link:hover{border-color:#171714}
.paired-features{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
.editorial-image{height:385px;position:relative;overflow:hidden}
.galaxy-image{background:radial-gradient(ellipse at 76% 23%,#e6e4dc,#bdbeb5 57%,#8b8e83)}
.portal{position:absolute;width:42%;height:73%;border:18px solid #bcbcb0;border-bottom-width:23px;transform:skewY(-14deg);box-shadow:9px 12px 14px #383e3d30,inset 4px 5px 15px #20292160;top:15%;left:24%;background:linear-gradient(135deg,#53615b,#acb2a2)}
.portal-one{left:15%;top:19%;border-color:#b3b3a7}
.portal-two{left:28%;top:12%;border-color:#cac9bd}
.portal-three{left:41%;top:5%;background:linear-gradient(115deg,#364a40,#a2ac97);border-color:#dcdacf}
.galaxy-image .image-caption{color:#272f28}
.link-image{background:radial-gradient(ellipse at 43% 30%,#3b403b,#181d18 75%)}
.link-sculpture{position:absolute;inset:5% 18% 13%;transform:rotate(-28deg)}
.link-sculpture i{position:absolute;display:block;width:66%;height:52%;left:0;border:26px solid #9e9e8b;border-radius:50%;box-shadow:inset 4px 6px 10px #050a05,4px 8px 18px #080d08;background:transparent}
.link-sculpture i:nth-child(1){top:0;border-color:#c1c1a9 #737664 #757969 #d9d6bc}
.link-sculpture i:nth-child(2){top:26%;left:20%;border-color:#919481 #d0cdb4 #666d5d #a6a895}
.link-sculpture i:nth-child(3){top:52%;left:40%;border-color:#b1b19b #6b705f #6a705e #e0dcc3}
.pair-copy{padding:35px 0 0}
.pair-copy h3{font-size:45px;margin:5px 0 17px}
.pair-copy .feature-headline{font-size:16px}
.process{padding:80px 8%;background:#eeece6;border-top:1px solid #dedbd2;display:grid;grid-template-columns:1fr 1.8fr;gap:7%}
.process h2{font-size:25px;line-height:1.7;font-weight:400;letter-spacing:-.8px;margin-top:16px}
.process ol{padding:8px 0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.process li>span{font-family:Georgia,serif;font-size:18px;color:#6d7163}
.process li h3{font-size:15px;font-weight:400;margin:25px 0 13px}
.process li p{font-size:11px;line-height:1.9;color:#68665f}
footer{background:#171d19;color:#e9e9df;padding:60px 4.2% 25px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:35px}
.footer-wordmark{font-size:49px}
.footer-wordmark+div>span{font-size:8px;letter-spacing:2px;color:#bcc2b6}
.footer-wordmark+div>p{font-size:12px;margin-top:12px;color:#ced1c8}
footer>a:last-of-type{font-size:11px}
.footer-bottom{grid-column:1/-1;border-top:1px solid #3b413b;display:flex;justify-content:space-between;align-items:center;padding-top:25px;font-size:8px;letter-spacing:1px;margin-top:22px;color:#b7bcb3}
.mobile-only{display:none}
.message-from{font-size:11px;color:#777;margin:0 0 25px}
@media(min-width:1600px){.hero{height:760px}
.hero-copy{top:180px}
.hero-copy h1{font-size:64px}
}
@media(max-width:900px){.brand-caption{font-size:7px;letter-spacing:1px}
.hero-copy{left:7%;top:160px}
.hero-copy h1{font-size:46px}
.hero-art{background-position:62% center}
.feature-copy{padding:40px 9%}
.universe-feature{grid-template-columns:1fr 1fr}
.universe-image{min-height:370px}
.editorial-image{height:310px}
.process{grid-template-columns:1fr;gap:35px}
.process ol{gap:25px}
.process li h3{margin-top:18px}
}
@media(max-width:600px){.brand-row{height:87px;margin:0 22px}
.wordmark{font-size:43px;letter-spacing:7px}
.brand-caption{display:none}
.masthead>nav{height:43px;gap:30px;font-size:10px}
.masthead>nav a{padding:13px 0}
.hero{height:650px;min-height:0}
.hero-art{background-size:auto 84%;background-position:63% 9%;background-color:#171f1b}
.hero:after{background:linear-gradient(0deg,#101b17e6 0%,#101b1700 90%)}
.hero-top{top:24px;left:23px;right:23px;font-size:8px;letter-spacing:1.4px}
.hero-top span:last-child{display:none}
.hero-copy{left:28px;right:25px;top:240px}
.hero-copy h1{font-size:39px;line-height:1.4;margin-top:12px;letter-spacing:-1px}
.hero-copy .eyebrow{font-size:8px}
.hero-description{font-size:12px;line-height:1.9;margin-top:17px}
.outline-button{margin-top:24px;padding:14px 18px;gap:28px;font-size:11px}
.hero-foot{display:none}
.scroll-cue{bottom:20px;right:25px;font-size:7px;gap:14px}
.scroll-cue span{font-size:18px}
.mobile-only{display:block}
.introduction{padding:76px 25px}
.eyebrow{font-size:9px;letter-spacing:1.6px}
.introduction h2{font-size:26px;line-height:1.65;margin:18px 0}
.introduction>p:last-child{font-size:11px;line-height:2}
.introduction br:last-child{display:none}
.collection{padding:0 20px 60px}
.section-heading{padding:21px 0 25px}
.section-heading h2{font-size:12px}
.section-heading>span{font-size:7px;letter-spacing:1px}
.universe-feature{grid-template-columns:1fr}
.universe-image{min-height:290px;background-position:70% center}
.feature-copy{padding:33px 26px 39px}
.feature-copy h3{font-size:43px;margin:5px 0 18px}
.feature-headline{font-size:16px}
.feature-copy>p:not(.eyebrow):not(.feature-headline),.pair-copy>p:not(.eyebrow):not(.feature-headline){font-size:11px}
.text-link{margin-top:24px;font-size:10px}
.paired-features{grid-template-columns:1fr;gap:45px;margin-top:20px}
.editorial-image{height:320px}
.pair-copy{padding:27px 6px 0}
.pair-copy h3{font-size:41px}
.image-caption{font-size:8px;left:22px;bottom:22px}
.process{padding:50px 26px;gap:35px}
.process h2{font-size:24px}
.process ol{display:flex;flex-direction:column;gap:23px}
.process li{display:flex;gap:26px;border-top:1px solid #cfcec3;padding-top:22px}
.process li>span{font-size:15px}
.process li h3{margin:0 0 9px;font-size:14px}
.process li p{font-size:11px}
.process li p br{display:none}
footer{padding:42px 25px 24px;grid-template-columns:1fr auto;gap:28px}
.footer-wordmark{font-size:42px}
.footer-wordmark+div{grid-row:2;grid-column:1/-1}
.footer-wordmark+div>span{font-size:7px}
.footer-wordmark+div>p{font-size:11px}
footer>a:last-of-type{grid-column:2;grid-row:1;font-size:10px}
.footer-bottom{margin-top:5px;font-size:7px;letter-spacing:.5px}
.footer-bottom>span:nth-child(2){display:none}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}