@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#111925;--panel:#182230;--ink:#e6e7e7;--muted:#a0aab9;--lavender:#c0b2df;--border:#a5b3cb25;--serif:'Manrope','DM Sans',Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--lavender);outline-offset:5px}a:hover{color:var(--lavender)}.frame{max-width:1130px;width:calc(100% - 100px);margin:auto}header{height:100px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:.1px}.monogram{font-family:var(--serif);font-size:30px;letter-spacing:-4px;font-style:normal;color:var(--lavender);margin-right:5px}.dot{color:var(--lavender)}header nav{display:flex;gap:28px;font-size:10px;color:var(--muted)}header nav span{color:var(--lavender);margin-left:7px}.welcome-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:65px;padding:65px 0 48px;align-items:center}.welcome{padding-bottom:15px}.little-mark{width:73px;height:73px;color:var(--lavender);margin:0 0 28px -6px}.little-mark svg{width:100%;height:100%}.overline{font-size:8px;letter-spacing:1.6px;color:var(--muted);margin:0 0 17px}h1{font-family:var(--serif);font-size:57px;font-weight:400;line-height:1.06;letter-spacing:-1.4px;margin:0 0 23px}h1 em{display:block;font-size:79px;color:var(--lavender);font-weight:400}.welcome-text{font-size:13px;color:var(--ink);line-height:1.9;margin:0 0 24px}.welcome-aside{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 29px}.interests{display:flex;gap:7px;flex-wrap:wrap}.interests span{font-size:8px;color:var(--muted);padding:4px 8px;border:1px solid var(--border);border-radius:3px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-label h2{font-size:11px;font-weight:500;margin:0;color:var(--muted)}.section-label>span{color:var(--lavender);font-size:17px}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shortcut{position:relative;display:block;padding:20px 21px 17px;border:1px solid var(--border);border-radius:8px;background:var(--panel);overflow:hidden;transition:transform .2s,border-color .2s,background .2s}.shortcut:hover{transform:translateY(-3px);border-color:#b8afde88;background:#1c2839;color:var(--ink)}.shortcut-title{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.shortcut-title h3{font-size:13px;font-weight:500;margin:0}.shortcut-title>span{color:var(--muted);font-size:17px}.shortcut>p{font-size:9px;color:var(--muted);margin:4px 0 0}.card-art{height:66px;width:100px;position:relative;margin-left:4px;color:var(--lavender)}.card-art>span{position:absolute;bottom:0;width:38px;height:53px;border:1px solid #ab9ac86b;background:#25283c;border-radius:4px}.card-art>span:nth-child(1){left:5px;transform:rotate(-16deg)}.card-art>span:nth-child(2){left:29px;bottom:4px;transform:rotate(0);background:#2b2d43}.card-art>span:nth-child(3){left:54px;transform:rotate(14deg);background:#343249}.card-art svg{width:23px;height:35px;position:absolute;top:8px;left:7px}.experiment-art{height:66px;display:flex;align-items:center;gap:5px;color:#a2c8bf}.experiment-art>span{font-size:30px;font-family:var(--serif);opacity:.7;align-self:start}.experiment-art>svg{width:105px;height:65px;opacity:.7}.link-art{height:66px;display:flex;align-items:center;gap:6px;color:#a4bbd2}.link-art>span{border:1px solid #a4bbd245;height:35px;width:35px;border-radius:6px;display:grid;place-items:center;font-size:20px;background:#a4bbd20a}.link-art>span:nth-child(2){transform:translateY(-7px);color:#c7cdd6}.link-art>span:nth-child(3){transform:translateY(3px)}.about-art{height:66px;font-family:var(--serif);color:#cfbc97;font-size:46px;letter-spacing:-6px;position:relative;width:95px}.about-art>span{font-style:normal;font-size:34px}.about-art>i{position:absolute;font-style:normal;font-size:18px;right:7px;top:0}.current-note{display:flex;align-items:center;gap:13px;padding:17px 0 0;color:var(--muted)}.note-icon{width:30px;height:30px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font-size:20px;color:var(--lavender)}.current-label{font-size:7px;letter-spacing:1.1px}.current-note p{font-size:10px;margin:2px 0 0;color:var(--ink)}.note-arrow{margin-left:auto;font-size:17px}.professional-note{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:23px 0;display:flex;align-items:center;gap:17px}.briefcase{color:var(--muted);width:32px;display:grid;place-items:center}.professional-note p{font-size:11px;margin:0 0 3px}.professional-note>div>span{color:var(--muted);font-size:9px}.professional-note>a{margin-left:auto;border:1px solid var(--border);border-radius:4px;padding:9px 13px;display:flex;gap:22px;align-items:center;font-size:10px}.professional-note>a>span{color:var(--lavender)}footer{display:flex;justify-content:space-between;padding:22px 0 30px;color:var(--muted);font-size:8px}.footer-star{margin-left:14px;color:var(--lavender);font-size:13px}.skip{position:absolute;top:-100px;left:10px;background:var(--ink);color:var(--bg);padding:10px;z-index:20}.skip:focus{top:10px}::selection{background:var(--lavender);color:var(--bg)}@media(min-width:1450px){.welcome-layout{padding-top:80px;padding-bottom:65px}.shortcut{padding:24px}.card-art,.experiment-art,.link-art,.about-art{height:77px}}@media(max-width:1000px){.frame{width:calc(100% - 64px)}.welcome-layout{gap:32px}.shortcut{padding:16px}h1{font-size:51px}h1 em{font-size:71px}.shortcut>p{font-size:8px}}@media(max-width:700px){.frame{width:calc(100% - 40px)}header{height:80px}.brand{font-size:9px;gap:10px}.monogram{font-size:25px}header nav{gap:15px;font-size:9px}header nav span{display:none}.welcome-layout{grid-template-columns:1fr;padding-top:35px;padding-bottom:30px;gap:30px}.welcome{padding-bottom:0}.little-mark{width:45px;height:45px;margin:0 0 20px -4px}.overline{font-size:7px;margin-bottom:13px}h1{font-size:49px;margin-bottom:16px}h1 em{display:inline;font-size:56px}.welcome-text{font-size:12px;margin-bottom:14px}.desktop-break{display:none}.welcome-aside{display:none}.interests{margin-top:19px}.shortcut{padding:16px 14px}.shortcut-title h3{font-size:12px}.shortcut>p{font-size:9px;line-height:1.6;max-width:135px}.card-art,.experiment-art,.link-art,.about-art{height:58px}.link-art{gap:4px}.link-art>span{height:28px;width:28px;font-size:17px}.experiment-art>svg{width:90px}.experiment-art>span{display:none}.professional-note{gap:10px;flex-wrap:wrap;padding:20px 0}.professional-note>div{flex:1}.professional-note>div>span{font-size:9px}.professional-note>a{margin-left:42px;margin-top:3px;font-size:10px}footer{font-size:8px}.current-note p{font-size:10px}}@media(prefers-reduced-motion:reduce){.shortcut{transition:none}}

/* Clear, upright introductory typography. */
h1{font-family:'Manrope','DM Sans',Arial,sans-serif;font-weight:600;font-size:48px;line-height:1.16;letter-spacing:-1.8px}h1 em{font-style:normal;font-weight:600;font-size:62px;letter-spacing:-2.3px}@media(max-width:1000px){h1{font-size:43px}h1 em{font-size:55px}}@media(max-width:700px){h1{font-size:38px;letter-spacing:-1.4px}h1 em{display:block;font-size:48px;letter-spacing:-1.8px}}


/* Consistent sans-serif lettering, including both monograms. */
:root{--serif:'Manrope','DM Sans',Arial,sans-serif}.monogram{font-family:'Manrope','DM Sans',Arial,sans-serif;font-style:normal;font-weight:600;font-size:22px;letter-spacing:-1.2px}.about-art{font-family:'Manrope','DM Sans',Arial,sans-serif;font-weight:600;font-size:35px;letter-spacing:-2px;display:flex;align-items:center;gap:1px}.about-art>span{font-size:35px;font-style:normal}.about-art>i{font-weight:400;letter-spacing:normal}@media(max-width:700px){.monogram{font-size:20px}}

/* Site-wide heading and emphasis policy: clean upright Manrope. */
h1,h2,h3{font-family:'Manrope','DM Sans',Arial,sans-serif;font-weight:600;line-height:1.15;letter-spacing:-.04em}
em{font-style:normal}
.monogram{font-family:'Manrope','DM Sans',Arial,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.06em;font-size:22px}
.crest{letter-spacing:-1px}.crest span{margin-left:1px}
.process-caption span{font-style:normal;font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:11px}
.notebook-hero h1{font-size:clamp(64px,8vw,110px);letter-spacing:-.055em;line-height:1.05}
.hero-text,.notebook-heading,.page-intro{min-width:0;overflow-wrap:break-word}

/* Approved homepage sections; professional contact lives in navigation only. */
.welcome-layout{align-items:center}
.dice-art{height:66px;color:#c5b38d;width:100px}.dice-art svg{width:100%;height:100%}
.shortcut.links{grid-column:1/-1;display:grid;grid-template-columns:120px 1fr;column-gap:15px;align-items:center;padding-top:14px;padding-bottom:14px}
.shortcut.links .link-art{grid-row:1/3;height:45px}.shortcut.links .shortcut-title{margin:0}.shortcut.links>p{margin:3px 0 0;max-width:none}
footer{border-top:1px solid var(--border)}
.inner-page{padding-top:55px;padding-bottom:65px;max-width:760px;min-height:calc(100vh - 180px)}
.inner-page h1{font-size:clamp(32px,5vw,52px);margin:0 0 20px;line-height:1.15;letter-spacing:-.04em}
.inner-page h2{font-size:21px;margin-top:35px;margin-bottom:12px;letter-spacing:-.03em}
.inner-page>p,.inner-page section>p{font-size:14px;line-height:1.9;color:var(--muted)}
.inner-page .overline{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}
.empty-note{padding:20px 24px;background:var(--panel);border:1px solid var(--border);border-radius:7px;margin:30px 0}
.empty-note p{margin:0;font-size:13px;color:var(--muted)}
.back-link{font-size:11px;display:inline-block;color:var(--lavender);margin-top:25px}
.category-art{height:112px;display:flex;align-items:center;justify-content:center;margin:-5px 0 10px;position:relative}
.category-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #0004);transition:transform .35s ease}
.shortcut:hover .category-art img,.shortcut:focus-visible .category-art img{transform:translateY(-4px) rotate(-2deg)}
.category-card-art img{width:auto;height:112px;transform:rotate(-7deg);border-radius:5px}
.shortcut:hover .category-card-art img{transform:translateY(-4px) rotate(-3deg)}
.shortcut.links .category-art{grid-row:1/3;height:76px;margin:0}
.shortcut:hover .category-image-dice img,.shortcut:focus-visible .category-image-dice img{animation:dice-hover 2.8s ease-in-out infinite}
@keyframes dice-hover{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(4deg)}}
@media(max-width:700px){.category-art{height:95px}.category-card-art img{height:95px}.shortcut.links .category-art{height:68px}}
@media(prefers-reduced-motion:reduce){.category-art img{transition:none}.shortcut:hover .category-art img,.shortcut:focus-visible .category-art img{animation:none;transform:none}}
@media(max-width:700px){.shortcut.links{grid-template-columns:90px 1fr;gap:10px}.shortcut.links .link-art>span{width:25px;height:25px}.dice-art{height:58px}.inner-page{padding-top:35px;padding-bottom:45px}}