:root{color-scheme:light;--ink:#2c2928;--muted:#77706c;--line:#dfd8d1;--paper:#f8f5ef}
*{box-sizing:border-box}
html{min-width:280px;background:var(--paper)}
body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--paper);isolation:isolate;min-height:100svh}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.page{width:min(100% - 40px,460px);margin:0 auto;padding:38px 0 25px}
.eyebrow{margin:0 0 22px;text-align:center;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.profile{text-align:center}
.portrait{display:block;width:226px;height:226px;margin:0 auto 20px;object-fit:cover;object-position:50% 29%;border-radius:50%}
h1{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:48px;line-height:1.03;letter-spacing:-.035em}
.intro{font-size:13px;line-height:1.7;color:var(--muted);margin:13px 0 25px}
.links{display:grid;gap:10px}
.link{display:flex;align-items:center;gap:15px;min-height:74px;padding:15px 19px;background:#ffffffa6;border:1px solid #e1dad2;border-radius:17px;transition:background .18s,transform .18s,border-color .18s}
.link:hover{transform:translateY(-2px);background:#fff;border-color:#bcb0a5}
.link:focus-visible,.foot a:focus-visible{outline:3px solid #9d7d95;outline-offset:4px}
.link.primary{background:#302b29;color:#fff;border-color:#302b29}
.link.primary:hover{background:#493f3b}
.icon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px}
.icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.label{flex:1;text-align:left}
.label strong{display:block;font-size:14px;font-weight:600;line-height:1.45}
.label small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}
.primary .label small{color:#d3c7bf}
.arrow{font-size:21px;font-weight:400;opacity:.65;padding-left:5px}
.separator{height:1px;background:var(--line);margin:8px 3px}
.foot{text-align:center;color:var(--muted);font-size:10px;line-height:1.8;margin:24px 0 0}
.foot a{border-bottom:1px solid #c8bdb3;padding-bottom:2px}
@media(min-width:850px){.page{width:min(100% - 80px,960px);padding:0;min-height:100svh;display:grid;grid-template-columns:1fr 1.1fr;column-gap:88px;align-content:center;position:relative}.eyebrow{grid-column:1/-1;margin-bottom:35px}.profile{align-self:center}.portrait{width:300px;height:300px;margin-bottom:27px;border-radius:50%;object-position:50% 28%}h1{font-size:57px}.intro{font-size:14px;margin-bottom:0}.links{align-self:center}.foot{grid-column:1/-1;margin-top:36px}.link{min-height:79px}}
@media(max-width:359px){.page{width:calc(100% - 28px);padding-top:25px}h1{font-size:42px}.link{padding:14px;gap:10px}.label strong{font-size:13px}.portrait{height:210px;width:210px}}
@media(prefers-reduced-motion:reduce){.link{transition:none}.link:hover{transform:none}}

.portrait{overflow:hidden}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;transform:none}

/* Background and corner branding use the catalogue's original palette. */
.home-aurora{
  position:fixed;inset:0;z-index:-1;
  background:
    radial-gradient(60% 55% at 12% 18%, #e6dcf5 0%, rgba(230,220,245,0) 60%),
    radial-gradient(55% 50% at 85% 12%, #ffe3d8 0%, rgba(255,227,216,0) 62%),
    radial-gradient(65% 60% at 78% 80%, #d8ecf7 0%, rgba(216,236,247,0) 60%),
    radial-gradient(50% 45% at 30% 88%, #f6f0d9 0%, rgba(246,240,217,0) 62%),
    linear-gradient(160deg,#f8f5f0,#f2eef7 45%,#f7f2ec);
  filter:saturate(1.05);;pointer-events:none}
.home-top{position:absolute;top:0;left:0;right:0;padding:22px max(24px,calc((100% - 1200px)/2));z-index:2}
.home-brand{display:inline-flex;align-items:center;gap:11px;font-weight:600;letter-spacing:.02em}
.home-brand .brand-dot{width:32px;height:32px;border-radius:50%;flex:none;background:conic-gradient(from 200deg,#e9d6f2,#ffd9c8,#cfe6f5,#f4ecd2,#e9d6f2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}
.home-brand .brand-name{font-size:15px;line-height:1.3}
.home-brand small{display:block;margin-top:2px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--muted)}
.home-brand:focus-visible{outline:3px solid #9d7d95;outline-offset:6px;border-radius:4px}
@media(max-width:849px){.home-top{position:relative;padding:18px 20px 0}.page{padding-top:24px}.eyebrow{margin-bottom:19px}}
@media(min-width:850px) and (max-height:700px){.page{padding:100px 0 35px}.home-top{position:absolute}}

.home-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.creator{margin:0;text-align:right;font-size:10px;line-height:1.7;letter-spacing:.12em;color:var(--muted)}.creator span{display:block}.creator span:last-child{text-transform:uppercase;font-size:9px}