:root{color-scheme:dark;--bg:#102f43;--ink:#f4f5ee;--muted:#b4c7ce;--line:#ffffff26;--yellow:#f5ce69}
.minimal-header{display:flex;align-items:center;gap:20px;padding:32px 0 0;border:0;flex-wrap:nowrap}.header-rule{height:1px;background:var(--line);flex:1}.header-sun{width:14px;height:14px;border-radius:50%;background:var(--yellow);flex:none;box-shadow:0 0 0 6px #f5ce690b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--yellow);outline-offset:7px}a:hover{color:var(--yellow)}.page{max-width:1280px;margin:auto;padding:0 64px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:700;letter-spacing:.14em}.sun-mark{width:19px;height:19px;background:var(--yellow);border-radius:50%;flex-shrink:0}.header-link{font-size:.8rem;color:var(--muted)}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;padding:86px 0 88px}.eyebrow{font-size:.75rem;letter-spacing:.22em;color:var(--yellow);font-weight:600;margin:0 0 24px}h1{font-size:clamp(3rem,5.3vw,4.5rem);font-weight:600;letter-spacing:.04em;line-height:1.35;margin:0}h1>span{display:block}.title-dot{color:var(--yellow)}.roman-name{font-family:Georgia,serif;font-size:1.3rem;font-style:italic;color:var(--muted);margin:20px 0 32px}.intro{font-size:1rem;line-height:2.05;letter-spacing:.04em;margin:0 0 30px}.button{display:inline-flex;align-items:center;gap:54px;padding:16px 21px;border:1px solid #f5ce6970;border-radius:3px;font-size:.875rem;color:var(--yellow)}.button:hover{background:#f5ce6915}.seascape{height:440px;position:relative;overflow:hidden;background:linear-gradient(155deg,#265465,#1b4156 58%,#16354a);border-radius:48% 48% 2px 2px}.sun{position:absolute;left:50%;top:26%;width:47%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:var(--yellow);box-shadow:0 0 65px #f5ce6912}.horizon{position:absolute;left:0;right:0;top:59%;bottom:0;border-top:1px solid #bad5d144;background:linear-gradient(#1b4356e8,#17394d)}.orbit{position:absolute;border:1px solid #bdd6d522;border-radius:50%;width:84%;aspect-ratio:1;left:8%;top:8%}.orbit-two{width:115%;left:-7.5%;top:-7%}.reflection{position:absolute;height:1px;background:#f5ce6980;left:50%;transform:translateX(-50%)}.reflection-one{top:64%;width:30%}.reflection-two{top:70%;width:20%;opacity:.65}.reflection-three{top:76%;width:10%;opacity:.4}.art-label,.art-number{position:absolute;bottom:23px;font-size:.75rem;letter-spacing:.2em;color:#b4c7ce}.art-label{left:24px}.art-number{right:24px}.interests{border-top:1px solid var(--line);padding:42px 0 56px;display:grid;grid-template-columns:1.08fr 1fr;gap:64px}.section-label .eyebrow{margin-bottom:12px}h2{font-size:1.1rem;font-weight:500;letter-spacing:.07em;margin:0}.interest-list{list-style:none;padding:0;margin:0}.interest-list li{display:grid;grid-template-columns:30px 1fr auto;align-items:baseline;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:1rem}.interest-list li:first-child{padding-top:0}.interest-number{font-size:.75rem;color:var(--yellow);font-family:monospace}.english{font-family:Georgia,serif;font-size:.875rem;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:26px 0 30px;font-size:.75rem;color:var(--muted)}
@media(max-width:760px){.page{padding:0 26px}header{padding:24px 0;flex-wrap:wrap;gap:16px}.wordmark{font-size:.75rem;letter-spacing:.08em}.header-link{font-size:.75rem}.hero{gap:32px;padding:52px 0;grid-template-columns:1fr}h1{font-size:3.6rem}.roman-name{margin:16px 0 25px}.seascape{height:300px;max-width:430px;width:100%;justify-self:center;border-radius:48% 48% 2px 2px}.sun{width:37%;top:18%}.orbit-one{width:65%;left:17.5%;top:3%}.orbit-two{width:90%;left:5%;top:-16%}.interests{grid-template-columns:1fr;gap:32px;padding:32px 0 42px}.eyebrow{margin-bottom:20px}.interest-list li{padding:17px 0}footer{flex-wrap:wrap}}
@media(max-width:380px){.page{padding:0 20px}h1{font-size:3rem}.interest-list li{gap:7px;grid-template-columns:22px 1fr}.english{grid-column:2}.desktop-break{display:none}}