.type-overview{width:min(1240px,100% - 96px);margin:auto;padding:55px 0 45px}.type-overview-header{margin-bottom:42px;position:relative}.type-back{color:#919db0;align-items:center;gap:9px;margin-bottom:42px;font-size:10px;display:flex}.type-back:hover{color:#e1c49b}.type-overview-header>span{color:#c0ab8c;letter-spacing:.05em;font-size:10px}.type-overview-header h1{font-family:var(--font-serif), serif;letter-spacing:-.04em;margin:18px 0 20px;font-size:43px;font-weight:400;line-height:1.65}.type-overview-header>p{color:#8c99ab;font-size:12px;line-height:2.1}.type-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 25px;display:grid}.type-option{min-width:0;position:relative}.type-option-poster{aspect-ratio:1.25;background:radial-gradient(ellipse at 70% 70%, color-mix(in srgb, var(--type-accent) 8%, transparent), transparent 70%), #050912;border:1px solid #ffffff15;border-radius:7px;display:block;position:relative;overflow:hidden}.type-option-letter{color:var(--type-accent);font-family:var(--font-english), sans-serif;border-bottom:1px solid color-mix(in srgb, var(--type-accent) 50%, transparent);z-index:2;padding-bottom:4px;font-size:11px;position:absolute;top:17px;left:20px}.type-option-open{color:var(--type-accent);transition:transform .3s;position:absolute;bottom:20px;right:18px}.type-option-poster:hover .type-option-open{transform:translate(3px,-3px)}.type-option-english{font-family:var(--font-english), sans-serif;color:#738196;z-index:2;font-size:9px;position:absolute;bottom:20px;left:20px}.type-mini{pointer-events:none;place-items:center;display:grid;position:absolute;inset:15% 0 14%;overflow:hidden}.type-mini-zoom{font-family:var(--font-serif), serif;color:#f1e3d1;letter-spacing:-.05em;text-align:center;font-size:clamp(26px,3.3vw,48px);font-weight:500;line-height:1.6;transition:transform .85s cubic-bezier(.16,1,.3,1)}.type-option-poster:hover .type-mini-zoom{transform:scale(1.4)}.type-mini-ribbon{font-family:var(--font-serif), serif;color:#e1edf4;white-space:nowrap;letter-spacing:-.04em;width:max-content;font-size:clamp(35px,4.6vw,67px);line-height:1.3;transition:transform 1.8s cubic-bezier(.16,1,.3,1);position:absolute;top:27%;left:7%}.type-option-poster:hover .type-mini-ribbon{transform:translate(-27%)}.type-mini-words{font-family:var(--font-serif), serif;color:#e6d3ed;letter-spacing:-.03em;padding:0 28px;font-size:clamp(17px,1.65vw,25px);line-height:1.85;transform:translateY(3px)}.type-mini-orbit-ring{aspect-ratio:1;border:1px solid #e5c9a066;border-radius:50%;width:57%;transition:transform .9s;position:absolute;transform:rotate(-30deg)scaleY(.8);box-shadow:0 0 0 10px #e5c9a00a}.type-mini-orbit-word{text-align:center;font-family:var(--font-serif), serif;color:#e3d6c2;letter-spacing:-.05em;font-size:clamp(25px,2.8vw,42px);line-height:1.3;position:relative}.type-mini-orbit-note{letter-spacing:.06em;color:#a0927f;font-size:7px;position:absolute;bottom:3%}.type-option-poster:hover .type-mini-orbit-ring{transform:rotate(45deg)scaleY(1)}.type-mini-layers{perspective:600px;font-family:var(--font-sans), sans-serif;letter-spacing:-.06em;color:#bdc9f5;font-size:clamp(22px,2.6vw,36px);font-weight:500;line-height:1.25}.type-mini-layers>span{transition:transform .9s;display:block;transform:rotateX(-18deg)rotateY(-10deg)}.type-mini-layers>span:nth-child(2){opacity:.65}.type-mini-layers>span:nth-child(3){opacity:.4}.type-mini-layers>span:nth-child(4){opacity:.2}.type-option-poster:hover .type-mini-layers>span{opacity:1;transform:rotateX(0)rotateY(0)}.type-mini-spectrum{font-family:var(--font-serif), serif;letter-spacing:-.05em;color:#0000;filter:brightness(1.65);-webkit-text-stroke:.3px #cfdfd34d;background-image:url(/images/orion-nebula.webp);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.5}.type-option-credit{z-index:2;background:#050912b0;border-radius:3px;padding:2px 5px;position:absolute;top:12px;right:10px}.type-option-credit .image-credit{color:#9c9fb2;font-size:7px}.type-option-copy{padding:21px 1px 0}.type-option-copy h2{font-family:var(--font-serif), serif;letter-spacing:-.02em;margin-bottom:12px;font-size:21px;font-weight:400}.type-option-copy h2>a{justify-content:space-between;align-items:center;gap:12px;display:flex}.type-option-copy h2 svg{color:#7f8b9d;width:16px}.type-option-copy>p{color:#8492a6;min-height:44px;font-size:11px;line-height:2}.type-option-copy>span{color:var(--type-accent);margin:14px 0 18px;font-size:9px;display:block}.type-option-link{color:#b3bfce;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding-top:13px;font-size:10px;display:flex}.type-option-link:hover{color:var(--type-accent)}.type-overview-footer{color:#718198;border-top:1px solid #ffffff12;justify-content:space-between;gap:20px;margin-top:48px;padding-top:23px;font-size:9px;display:flex}.type-overview-footer>p{align-items:center;gap:8px;display:flex}.type-overview-footer>span{font-family:var(--font-english), sans-serif;color:#a5abbb;letter-spacing:.12em;white-space:nowrap}@media (max-width:1000px){.type-overview{width:calc(100% - 64px)}.type-options{gap:35px 20px}.type-option-copy h2{font-size:18px}.type-option-copy>p{font-size:10px}.type-option-copy>span{font-size:8px}.type-overview-header h1{font-size:37px}.type-mini-words{padding-inline:20px;font-size:17px}.type-mini-orbit-note{font-size:6px}.type-option-english{max-width:80%;font-size:7px;left:17px}.type-option-open{bottom:17px;right:14px}.type-option-open svg{width:17px}}@media (max-width:760px){.type-overview{width:calc(100% - 48px);padding-top:38px}.type-options{grid-template-columns:1fr 1fr;gap:35px 20px}.type-overview-header h1{font-size:34px}.type-overview-header>span{font-size:9px}.type-overview-header>p{font-size:11px}.type-back{margin-bottom:30px;font-size:9px}.type-mini-zoom{font-size:4.6vw}.type-mini-ribbon{font-size:6vw}.type-mini-words{padding-inline:22px;font-size:2.65vw}.type-mini-orbit-word{font-size:4vw}.type-mini-layers{font-size:3.6vw}.type-mini-spectrum{font-size:4.6vw}.type-option-copy>p{min-height:60px}.type-overview-footer{align-items:flex-start;font-size:8px}}@media (max-width:480px){.type-overview{width:calc(100% - 40px);padding-top:28px}.type-overview-header{margin-bottom:32px}.type-overview-header h1{margin:15px 0 18px;font-size:31px}.type-overview-header>p{font-size:10px}.type-options{grid-template-columns:1fr;gap:37px}.type-option-poster{aspect-ratio:1.28}.type-mini-zoom{font-size:9.5vw}.type-mini-ribbon{font-size:13vw}.type-mini-words{padding-inline:27px;font-size:5vw}.type-mini-orbit-word{font-size:8vw}.type-mini-layers{font-size:7.5vw}.type-mini-spectrum{font-size:9vw}.type-mini-orbit-note{font-size:7px}.type-option-copy h2{font-size:22px}.type-option-copy>p{min-height:0;font-size:11px}.type-option-copy>span{font-size:9px}.type-option-copy{padding-top:20px}.type-option-link{font-size:10px}.type-option-english{font-size:9px;bottom:20px;left:20px}.type-option-open{bottom:20px;right:20px}.type-option-credit .image-credit{font-size:7px}.type-overview-footer{flex-direction:column;gap:14px;margin-top:40px;font-size:8px}}@media (prefers-reduced-motion:reduce){.type-option-poster *{transition:none!important;transform:none!important}}