.site-stage:has(>.about-page){grid-template-rows:auto 1fr;min-height:100svh;display:grid}.about-page{min-width:0;display:grid}.desk{--room:var(--paper);--glow:color-mix(in srgb, var(--yellow) 22%, var(--paper));--beam-1:color-mix(in srgb, var(--yellow) 14%, var(--paper));--beam-2:color-mix(in srgb, var(--yellow) 62%, var(--paper));--beam-3:var(--yellow);background:var(--room);transition:background var(--dur-4) var(--ease);padding-bottom:64px;overflow-x:clip}.desk[data-on=true]{--room:color-mix(in srgb, var(--yellow) 6%, var(--paper))}.desk__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"lamp eyebrow""lamp title""lamp lede""lamp body""facts facts""caption caption";column-gap:0;padding-top:56px;display:grid}.desk__eyebrow{font:400 12px / 1.6 var(--font-mono);color:var(--dim);grid-area:eyebrow;margin:0}.desk__title{font:600 clamp(44px, 5.5vw, 84px) / 1 var(--font-display);letter-spacing:-.045em;grid-area:title;margin:24px 0}.desk__period{color:var(--red);animation:dot-in var(--dur-2) var(--ease-out) var(--dur-3) backwards;display:inline-block}.desk__lede{grid-area:lede;max-width:32ch;margin:0;font-size:21px;line-height:1.45}.desk__eyebrow,.desk__title,.desk__lede,.desk__body{padding-left:clamp(32px,6vw,96px)}.desk__body{z-index:1;border-bottom:2px solid var(--ink);grid-area:body;padding-bottom:56px;position:relative}.desk__body p{max-width:48ch;color:var(--dim);margin:18px 0 0;font-size:16px;line-height:1.6}.desk__body a{color:var(--ink)}.desk__links{flex-wrap:wrap;gap:10px 28px;margin:28px 0 0;padding:0;font-size:16px;list-style:none;display:flex}.desk__links a{color:var(--ink);text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.desk__links a:hover{color:var(--red)}.desk__lamp-place{border-bottom:2px solid var(--ink);grid-area:lamp;place-items:end center;padding-top:24px;display:grid;position:relative}.lamp{--w:clamp(160px, 16vw, 220px);width:var(--w);color:var(--ink);cursor:pointer;appearance:none;background:0 0;border:0;justify-items:center;padding:0;display:grid;position:relative}.lamp:focus-visible{outline:2px solid var(--ink);outline-offset:12px}.lamp__shade{z-index:2;aspect-ratio:2;border:2px solid var(--ink);background:var(--paper-2);width:100%;transition:background var(--dur-3) var(--ease);border-radius:100% 100% 0 0/200% 200% 0 0;position:relative}.desk[data-on=true] .lamp__shade{background:var(--glow)}.lamp__neck{z-index:1;background:var(--ink);width:12%;height:14px;position:relative}.lamp__stem{z-index:1;width:5%;height:calc(var(--w) * .8);background:var(--ink);position:relative}.lamp__base{z-index:1;background:var(--ink);width:64%;height:10px;position:relative}.lamp__cone{z-index:0;top:calc(var(--w) / 2);background:linear-gradient(180deg, var(--beam-3) 0%, var(--beam-2) 40%, var(--beam-1) 100%);clip-path:polygon(25% 0,75% 0,75% 0,25% 0);width:200%;transition:clip-path var(--dur-3) var(--ease-out);pointer-events:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%);-webkit-mask:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%);mask:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%)}.desk[data-on=true] .lamp__cone{clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.lamp__cord{z-index:3;width:2px;height:calc(var(--w) * .5);background:var(--ink);transform-origin:top;transition:transform var(--dur-3) var(--ease-out);position:absolute;top:50%;right:12%}.lamp[data-pulled=true] .lamp__cord{transform:scaleY(1.12)}.lamp__pull{background:var(--red);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.desk__facts{border:2px solid var(--ink);border-top:0;grid-area:facts;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.desk__facts>div{padding:20px 24px}.desk__facts>div+div{border-left:2px solid var(--ink)}.desk__facts dt{font:400 12px / 1.6 var(--font-mono);color:var(--dim)}.desk__facts dd{white-space:nowrap;font:500 20px / 1.25 var(--font-display);letter-spacing:-.02em;align-items:center;gap:12px;margin:6px 0 0;display:flex}.desk__clock{font-variant-numeric:tabular-nums}.desk__swatch{border:2px solid var(--ink);background:var(--paper-2);width:14px;height:14px;transition:background var(--dur-3) var(--ease);flex:none}.desk[data-on=true] .desk__swatch{background:var(--yellow)}.desk__caption{font:400 12px / 1.6 var(--font-mono);color:var(--dim);flex-wrap:wrap;grid-area:caption;justify-content:space-between;gap:8px 32px;margin:16px 0 0;display:flex}@media (max-width:760px){.desk__grid{grid-template-columns:136px minmax(0,1fr);grid-template-areas:"eyebrow eyebrow""title title""lede lede""lamp facts""caption caption""body body";padding-top:36px}.desk__eyebrow,.desk__title,.desk__lede,.desk__body{padding-left:0}.desk__title{font-size:clamp(44px,12vw,64px)}.desk__lede{max-width:none;margin-bottom:36px;font-size:19px}.lamp{--w:112px}.lamp__cone{width:170%}.desk__lamp-place{padding-top:0}.desk__facts{border:0;border-bottom:2px solid var(--ink);grid-template-columns:1fr;align-content:end;gap:14px;padding:0 0 18px 20px}.desk__facts>div{padding:0}.desk__facts>div+div{border:0}.desk__facts dd{margin-top:2px;font-size:17px}.desk__caption{gap:4px 24px;margin-top:12px}.desk__body{border-bottom:0;padding-top:24px;padding-bottom:0}.desk__body p:first-child{margin-top:0}}