@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Cormorant;src:url('/assets/fonts/cormorant-garamond-500.ttf') format('truetype');font-weight:500;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f4f2ed;color:#103f67;font-family:Manrope,Arial,sans-serif}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;background:#103f67;padding:16px 6%;gap:24px}header img{display:block;width:165px;height:55px;object-fit:contain}header>a:last-child{display:flex;gap:16px;align-items:center;color:#f4f2ed;font-size:14px;min-height:44px;text-decoration:none}svg{height:24px;width:24px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}main{max-width:1500px;padding:72px 6% 0;margin:auto}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:56px}h1{font-size:clamp(40px,4.7vw,70px);line-height:1.1;letter-spacing:-.04em;font-weight:400;margin:0}.intro p{max-width:42ch;font-size:16px;line-height:1.8;margin:0;color:#4b6474}.new-concepts{display:grid;grid-template-columns:1fr 1fr;gap:32px}.concept{min-width:0}.visual{position:relative;height:360px;display:block;text-decoration:none;overflow:hidden;background:#e8e3d9}.preview-type{position:absolute;z-index:2;font-size:clamp(36px,4vw,64px);letter-spacing:-.03em;line-height:1;left:7%;top:20%}.atelier .preview-type{font-family:Cormorant,Georgia,serif;font-weight:500}.preview-stage{position:absolute;right:7%;top:8%;height:84%;width:36%;background:#103f67;overflow:hidden;border-radius:100px 100px 0 0}.preview-stage img{width:100%;height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.16,1,.3,1)}.visual:hover img{transform:scale(1.05) rotate(3deg)}.preview-caption{position:absolute;bottom:7%;left:7%;font-size:13px}.nocturne .visual{background:#091c2b;color:#e7ecef}.nocturne .preview-type{top:16%;font-weight:600;font-size:clamp(32px,3.8vw,58px)}.nocturne .preview-stage{background:transparent;right:6%;width:40%;border-radius:0;top:12%;height:85%}.nocturne .preview-caption{color:#b6cbd9}.concept-copy{padding:26px 0 0}h2{font-size:30px;font-weight:400;letter-spacing:-.025em;line-height:1.2;margin:0 0 16px}.concept-copy p{max-width:47ch;line-height:1.7;color:#4b6474;font-size:15px;margin:0 0 18px}.open{display:flex;justify-content:space-between;align-items:center;text-decoration:none;border-bottom:1px solid #9aaab1;min-height:52px;font-size:14px}.open:hover{border-color:#103f67}.earlier{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:80px 0 70px;margin-top:64px;border-top:1px solid #c5cbc9}.earlier p{font-size:15px;color:#4b6474}.version-list>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;text-decoration:none;border-bottom:1px solid #c5cbc9;font-size:20px}.version-list>a:first-child{padding-top:0}.version-list small{display:block;font-size:13px;line-height:1.5;color:#4b6474;margin-top:7px}.version-list a:hover svg{transform:translateX(4px)}footer{border-top:1px solid #c5cbc9;display:flex;gap:40px;justify-content:space-between;padding:30px 0 45px;font-size:12px;line-height:1.8;color:#4b6474}footer p{max-width:65ch;margin:0}a:focus-visible{outline:3px solid #a55f46;outline-offset:5px}::selection{background:#103f67;color:#fff}@media(max-width:760px){main{padding-top:44px}.intro{grid-template-columns:1fr;gap:24px;margin-bottom:34px}.new-concepts{grid-template-columns:1fr;gap:45px}.visual{height:330px}.preview-type{font-size:58px}.nocturne .preview-type{font-size:44px}.earlier{grid-template-columns:1fr;gap:24px;margin-top:48px;padding:45px 0}.version-list>a{font-size:19px}.version-list>a:first-child{padding-top:20px}footer{display:block}footer p+p{margin-top:12px}header img{width:130px;height:44px}header>a:last-child{font-size:12px;gap:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.visual:hover img{transform:none}}

.recommended .visual{background:#eaf1f5}.original .visual{background:#fff}.recommended .preview-type,.original .preview-type{font-weight:600;font-size:clamp(30px,3.4vw,51px);max-width:60%}.recommended .preview-stage,.original .preview-stage{border-radius:0;right:5%;width:32%}.recommended .preview-caption{background:#103f67;color:#fff;padding:8px 13px;border-radius:30px}.alternatives-heading{border-top:1px solid #c5cbc9;margin-top:70px;padding-top:42px;margin-bottom:30px}.alternatives-heading p{color:#4b6474;line-height:1.7}footer{margin-top:65px}