.nd[data-page=about] .hint{color:var(--ink-3);align-items:center;gap:.6rem;margin-top:1.4rem;font-size:.85rem;font-weight:500;display:inline-flex}.nd[data-page=about] .hint:before{content:"";background:var(--gold-deep);width:22px;height:1px}.nd[data-page=about].fine #gl{cursor:grab}.nd[data-page=about].fine.dragging #gl,.nd[data-page=about].fine.dragging{cursor:grabbing}.nd[data-page=about] .hero{pointer-events:none}.nd[data-page=about] .hero a,.nd[data-page=about] .hero .hint{pointer-events:auto}.nd[data-page=about] #gl{touch-action:pan-y}.nd[data-page=about] .letter:before{content:"";pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in oklch,var(--background)70%,transparent)10%,color-mix(in oklch,var(--background)70%,transparent)90%,transparent);position:absolute;top:0;bottom:0;left:0;right:0}.nd[data-page=about] .letter .wrap{position:relative}.nd[data-page=about] .l-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:3rem 2rem;display:grid}.nd[data-page=about] .portrait{grid-column:1/6;position:-webkit-sticky;position:sticky;top:16vh}.nd[data-page=about] .frame{aspect-ratio:4/5;border:1px solid var(--line);background:radial-gradient(80% 60% at 60% 30%,color-mix(in oklch,var(--gold)16%,transparent),transparent 70%),linear-gradient(160deg,var(--card),var(--background));border-radius:12px;position:relative;overflow:hidden}.nd[data-page=about] .frame img{object-fit:cover;object-position:50% 22%;filter:saturate(.92)contrast(1.03);width:100%;height:100%;transition:transform 1.4s var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0}.nd[data-page=about] .frame:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--gold)18%,transparent);background:linear-gradient(to top,color-mix(in oklch,var(--background)35%,transparent),transparent 30%);border-radius:12px;position:absolute;top:0;bottom:0;left:0;right:0}.nd[data-page=about] .portrait:hover .frame img{transform:scale(1.025)}.nd[data-page=about] .portrait figcaption{color:var(--ink-2);justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.9rem;display:flex}.nd[data-page=about] .portrait figcaption span:first-child{color:var(--ink);font-weight:500}.nd[data-page=about] .l-body{grid-column:7/13}.nd[data-page=about] .l-body h2{letter-spacing:-.012em;font-size:max(2.2rem,min(4vw,3.4rem));line-height:1.08}.nd[data-page=about] .pull{border-left:2px solid var(--gold);font-family:var(--serif);color:var(--gold-bright);margin:2rem 0 2.2rem;padding-left:1.4rem;font-size:max(1.35rem,min(2.2vw,1.8rem));font-style:italic;font-weight:300;line-height:1.35}.nd[data-page=about] .l-body p:not(.pull){color:var(--ink-2);max-width:34rem}.nd[data-page=about] .l-body p+p{margin-top:1.1rem}.nd[data-page=about] .l-body .sign{font-family:var(--serif);color:var(--ink);margin-top:1.8rem;font-size:1.4rem}.nd[data-page=about] .principles .wrap{position:relative}.nd[data-page=about] .principles:before{content:"";pointer-events:none;background:color-mix(in oklch,var(--background)55%,transparent);position:absolute;top:0;bottom:0;left:0;right:0}.nd[data-page=about] .p-head{max-width:20ch;font-size:max(1.9rem,min(3.2vw,2.6rem));line-height:1.12}.nd[data-page=about] .p-list{grid-template-columns:repeat(3,1fr);gap:0;margin-top:3rem;display:grid}.nd[data-page=about] .p-item{border-top:1px solid var(--line);padding:2rem 2rem 2.2rem 0;position:relative;overflow:hidden}.nd[data-page=about] .p-item:before{content:"";background:radial-gradient(360px circle at var(--rx,50%)var(--ry,50%),color-mix(in oklch,var(--gold)10%,transparent),transparent 65%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.nd[data-page=about] .p-item:hover:before{opacity:1}.nd[data-page=about] .p-item .n{font-family:var(--serif);color:var(--gold-deep);margin-bottom:1.2rem;font-size:1.3rem;font-style:italic;font-weight:300;display:block}.nd[data-page=about] .p-item h3{font-family:var(--serif);font-size:max(1.6rem,min(2.4vw,2rem));font-weight:300;line-height:1.15}.nd[data-page=about] .p-item h3 em{color:var(--gold-bright);font-style:italic}.nd[data-page=about] .p-item p{color:var(--ink-2);max-width:20rem;margin-top:.8rem}@media (max-width:860px){.nd[data-page=about] .l-grid{grid-template-columns:1fr;gap:2.5rem}.nd[data-page=about] .portrait,.nd[data-page=about] .l-body{grid-column:1/-1;position:static}.nd[data-page=about] .portrait{width:100%;max-width:min(22rem,100%)}.nd[data-page=about] .p-list{grid-template-columns:1fr}}