:root{color-scheme:dark;--base:#002b36;--ink:#eee8d5;--muted:#a8b8b4;--line:#34555a;--cyan:#63d6d3;--yellow:#e5c66b;--magenta:#eeb3d6;--green:#b8ce79;--blue:#84c8ed;--orange:#edb080;--violet:#beb4ee;font-synthesis:none;background:var(--base);color:var(--ink);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:radial-gradient(at 85% 20%,#07353e66,#0000 55%);min-height:100svh;margin:0;font-size:18px;line-height:1.5}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:7px}a{text-underline-offset:.25em}h1,h2,h3,p{margin:0}img{max-width:100%}[hidden]{display:none!important}.page-shell{max-width:1440px;margin:0 auto;padding:0 clamp(24px,5vw,76px)}.skip{z-index:10;background:var(--ink);color:var(--base);padding:12px 18px;position:absolute;top:-100px;left:20px}.skip:focus{top:16px}.masthead{justify-content:space-between;align-items:center;gap:32px;min-height:110px;display:flex}.wordmark{letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;text-decoration:none}.wordmark span{color:var(--cyan)}.introduction{justify-content:space-between;align-items:flex-end;gap:36px;padding:36px 0 52px;display:flex;position:relative}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}h1{letter-spacing:-.045em;font-size:clamp(64px,7.5vw,108px);font-weight:400;line-height:1.05}.tagline{letter-spacing:.01em;margin-top:10px;font-size:clamp(22px,2.5vw,31px);font-style:italic}.small-rule{background:var(--yellow);width:36px;height:2px;margin:25px 0 20px;display:block}.intro-copy{color:#dedecb;max-width:730px;font-size:clamp(19px,1.8vw,25px);line-height:1.5}.desktop-still-life{color:#86a39c;flex-shrink:0;width:220px;margin-bottom:6px}.desktop-still-life svg{width:100%;display:block}.collection{scroll-margin-top:24px}.collection-caption{color:var(--muted);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.collection-caption h2{font:inherit;text-transform:uppercase;letter-spacing:.15em}.card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.tone-cyan{--accent:var(--cyan);--tint:#063a43;--border:#38656c}.tone-yellow{--accent:var(--yellow);--tint:#2b3c37;--border:#626b4a}.tone-magenta{--accent:var(--magenta);--tint:#343543;--border:#6b586b}.tone-green{--accent:var(--green);--tint:#243e37;--border:#536c51}.tone-blue{--accent:var(--blue);--tint:#073c49;--border:#3d6574}.tone-orange{--accent:var(--orange);--tint:#3d3934;--border:#7d6354}.tone-violet{--accent:var(--violet);--tint:#2a3648;--border:#5c5d80}.card,.expanded-card{background:var(--tint);border:1px solid var(--border);border-radius:14px}.card{flex-direction:column;gap:15px;min-height:213px;padding:27px 28px 25px;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:flex}.card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--tint),var(--accent) 5%);transform:translateY(-2px)}.size-third{grid-column:span 2}.size-half{grid-column:span 3}.size-full{grid-column:span 6}.card-heading{align-items:center;gap:17px;display:flex}.card-heading img{flex:none}.card h3{letter-spacing:-.02em;font-size:clamp(22px,2.1vw,29px);font-weight:400;line-height:1.16}.card>p{max-width:52ch;font-size:18px;line-height:1.5}.card-action{color:var(--accent);align-items:center;gap:11px;margin-top:auto;font-size:17px;display:flex}.card-action span{font-family:system-ui,sans-serif;font-size:23px;line-height:1}.detail-stack{gap:24px;margin-top:24px;display:grid}.enhanced .detail-stack{margin-top:0}.expanded-card{min-height:447px;padding:32px 35px 80px;scroll-margin-top:24px;animation:.2s ease-out arrive;position:relative}.expanded-header .card-heading{gap:21px}.expanded-card h2{letter-spacing:-.02em;font-size:36px;font-weight:400;line-height:1.2}.expanded-header>p{color:#dedecb;margin-top:17px;font-size:20px}.prose{border-top:1px solid var(--border);max-width:100%;margin-top:25px;padding-top:23px;font-size:18px;line-height:1.65}.prose h2{margin-top:28px;font-size:25px}.prose h3{margin:22px 0 8px;font-size:23px;font-weight:400}.prose p{max-width:78ch;margin:0 0 16px}.prose a{color:var(--accent)}.prose ul{margin:0 0 16px;padding-left:1.25em}.prose blockquote{border-left:2px solid var(--accent);color:var(--muted);margin:24px 0 0;padding:1px 0 1px 18px;font-size:16px}.prose blockquote p{margin:0}.prose img{border-radius:8px;height:auto}.prose code{overflow-wrap:anywhere}.prose pre{overflow-x:auto}.return-folder{width:52px;height:52px;color:var(--accent);background:var(--tint);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:19px;right:24px}.return-folder svg{width:35px;height:35px}.return-folder:hover{border-color:var(--border);background:color-mix(in srgb,var(--tint),var(--accent) 8%)}.preview-note{color:var(--muted);align-items:baseline;gap:9px;margin:25px 0 38px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.7;display:flex}.preview-note>span{background:var(--yellow);border-radius:100%;flex-shrink:0;width:5px;height:5px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:23px 0 30px;font-size:14px;display:flex}.footer p:first-child{color:var(--ink)}.footer span{margin:0 9px}@keyframes arrive{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width>=1600px){.introduction{padding-top:50px;padding-bottom:65px}.card{min-height:230px}}@media (width<=1050px){.card{padding:25px 22px}.card-heading{gap:13px}.card-heading img{width:30px;height:30px}.card h3{font-size:25px}.size-third{grid-column:span 3}.card-grid .card:last-child:nth-child(odd){grid-column:span 6}.desktop-still-life{width:175px}}@media (width<=760px){.masthead{min-height:86px}.wordmark{font-size:12px}.introduction{padding:29px 0 40px}.eyebrow{font-size:9px;line-height:1.7}h1{font-size:76px}.tagline{font-size:24px}.desktop-still-life{display:none}.intro-copy{font-size:20px}.desktop-break{display:none}.collection-caption{gap:10px;font-size:9px}.card-grid{grid-template-columns:1fr;gap:15px}.size-third,.size-half,.size-full,.card-grid .card:last-child:nth-child(odd){grid-column:1}.card{min-height:195px;padding:25px}.card h3{font-size:29px}.card-heading img{width:34px;height:34px}.card>p{font-size:18px}.card-action{font-size:17px}.expanded-card{min-height:470px;padding:26px 24px 80px}.expanded-card h2{font-size:30px}.expanded-header .card-heading{gap:16px}.expanded-header>p{font-size:18px}.prose{font-size:17px}.prose h3{font-size:23px}.footer{flex-direction:column;gap:7px;padding-bottom:28px;font-size:13px}.preview-note{margin-bottom:27px}.return-folder{bottom:14px;right:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.card:hover{transform:none}}@media print{body{color:#172e33;background:#fff}.desktop-still-life,.return-folder,.preview-note,.card-grid{display:none!important}.expanded-card[hidden]{display:block!important}.expanded-card{break-inside:avoid;background:#fff;border:1px solid #aaa;min-height:0;margin-bottom:20px;padding:25px}.prose,.expanded-header>p,.intro-copy,.tagline,.footer{color:#172e33}.prose a{color:#00505a}.detail-stack{display:block}.introduction{padding:20px 0}h1{font-size:56px}.expanded-card img{filter:brightness(.4)}}.design-controls{color:var(--muted);z-index:2;border-bottom:1px solid #34555a88;margin-top:-8px;padding:0 0 13px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;position:relative}.design-controls summary{cursor:pointer;width:fit-content;color:var(--cyan);min-height:34px;padding:7px 0}.design-controls summary>span{color:var(--muted);margin-left:16px;font-size:10px}.design-options{max-width:1040px;padding:16px 0 6px}.design-options fieldset{border:0;margin:0;padding:0}.design-options legend{color:var(--ink);margin-bottom:10px}.finish-choices{flex-wrap:wrap;gap:10px;display:flex}.finish-choices label{border:1px solid var(--line);cursor:pointer;background:#073642;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 13px;display:flex}.finish-choices label:has(:checked){border-color:var(--cyan);color:var(--ink);box-shadow:0 0 12px #63d6d312}.design-options input{accent-color:var(--cyan)}#finish-note{max-width:90ch;margin:12px 0 18px}.study-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.study-choices label{gap:7px;display:grid}.study-choices select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#073642;border-radius:6px;max-width:100%;min-height:40px;padding:9px 10px}.row-switch{align-items:center;gap:8px;min-height:44px;padding:15px 0 8px;display:flex}.study-note{color:#9eb1ae;max-width:105ch;font-size:10px;line-height:1.7}.design-controls :focus-visible{outline:2px solid var(--ink);outline-offset:4px}.introduction{align-items:center;gap:44px;padding-top:32px;padding-bottom:45px}.introduction>div:first-child{flex:1;min-width:0}h1{letter-spacing:-.045em;font-size:clamp(56px,6.6vw,94px)}.tagline{max-width:42ch;font-size:clamp(21px,2vw,27px);line-height:1.45}.tagline-break{display:none}.intro-copy{max-width:61ch;font-size:clamp(18px,1.6vw,22px);line-height:1.6}.period{color:#84c8ed}.desk-study{color:#83a29c;flex-shrink:0;align-self:flex-end;width:clamp(220px,26vw,345px);margin-bottom:12px}.desk-study svg{width:100%;display:block}.desk-study>span{text-align:center;letter-spacing:.03em;color:#8ca9a0;margin-top:6px;font:8px/1.5 ui-monospace,monospace;display:block}.desk-detritus{display:none}[data-desk=lived-in] .desk-detritus{display:block}[data-desk=none] .desk-study{display:none}[data-label=none] .collection-caption{height:0;min-height:0;margin:0}[data-label=none] #collection-heading{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.collection-caption{min-height:17px;margin-bottom:16px}.card,.expanded-card{isolation:isolate;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;position:relative}.card>:not(.prism-study),.expanded-card>:not(.prism-study){z-index:1;position:relative}.card{min-height:218px}.card:before,.expanded-card:before{content:"";pointer-events:none;border-radius:inherit;z-index:-1;position:absolute;inset:0}.card:hover{transform:translateY(-2px)}.expanded-card>.return-folder{position:absolute}.sample-card{opacity:.75;border-style:dashed}.sample-card:hover{transform:none}.sample-card .card-action{font-size:13px}:is([data-finish=halo],[data-finish=halo-glow]) :is(.card,.expanded-card){border-color:color-mix(in srgb,var(--accent) 53%,var(--base));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 5%,transparent),0 0 22px -8px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 #ffffff0b}:is([data-finish=halo],[data-finish=halo-glow]) .card:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 17%,transparent),0 0 27px -6px color-mix(in srgb,var(--accent) 32%,transparent);border-color:var(--accent)}:is([data-finish=glass],[data-finish=glass-glow]) :is(.card,.expanded-card){background:linear-gradient(145deg,#ffffff0d,transparent 37%),color-mix(in srgb,var(--tint) 88%,transparent);border-color:color-mix(in srgb,var(--accent) 29%,#9db8be77);box-shadow:inset 0 1px 1px #ffffff32,inset 1px 0 1px #ffffff08,inset 0 -1px 2px color-mix(in srgb,var(--accent) 18%,transparent),0 8px 25px #001b233d;-webkit-backdrop-filter:blur(16px)}[data-finish=glass] :is(.card,.expanded-card):before{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%)}:is([data-finish=glass],[data-finish=glass-glow]) .card:hover{border-color:color-mix(in srgb,var(--accent) 70%,#fff);box-shadow:inset 0 1px 2px #ffffff4d,0 10px 28px #001b2355}[data-finish=aurora] :is(.card,.expanded-card){background:var(--tint);border-color:color-mix(in srgb,var(--accent) 35%,var(--base));box-shadow:0 10px 30px -20px color-mix(in srgb,var(--accent) 60%,transparent)}:is([data-finish=aurora],[data-finish=halo-glow]) :is(.card,.expanded-card):before{background:radial-gradient(ellipse at 91% 116%,color-mix(in srgb,var(--accent) 31%,transparent),transparent 50%),radial-gradient(ellipse at 15% 140%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 53%)}[data-finish=aurora] .card:hover{border-color:var(--accent);box-shadow:0 10px 34px -17px color-mix(in srgb,var(--accent) 70%,transparent)}.prism-study{pointer-events:none;z-index:0;opacity:.23;border-radius:0 0 14px;width:160px;height:145px;display:none;position:absolute;bottom:0;right:0;overflow:hidden}.prism-study svg{width:100%;height:100%;display:block}.prism-a{fill:#b34c43}.prism-b{fill:#dc322f}.prism-c{fill:#713a37}.prism-d{fill:#c85f3e}.prism-e{fill:#2aa198}.sbu-caption{letter-spacing:.05em;color:var(--muted);margin-top:-4px;font:10px/1.4 ui-monospace,monospace;display:none!important}.card .card-action{z-index:2;position:relative}[data-work=corner] .prism-study,[data-work=edge] .prism-study,[data-work=red] .prism-study{display:block}[data-work=corner] .sbu-caption,[data-work=edge] .sbu-caption,[data-work=red] .sbu-caption{display:block!important}[data-work=edge] .prism-study{opacity:.28;clip-path:polygon(100% 0,100% 100%,0 100%,40% 75%,15% 40%);width:72px;height:100%}[data-work=edge] .prism-study svg{width:auto;min-width:100%;height:100%;position:absolute;bottom:0;right:0}[data-work=red] .prism-study{opacity:.45}[data-work=red] .prism-a{fill:#900}[data-work=red] .prism-b{fill:#d52027}[data-work=red] .prism-c{fill:#56000b}[data-work=red] .prism-d{fill:#900}[data-work=red] .prism-e{fill:#00b4a0}.expanded-card .prism-study{opacity:.13;width:230px;height:210px}.expanded-card .prose{z-index:1;position:relative}@media (width<=1200px){.desk-study{width:260px}.tagline-break{display:block}h1{font-size:clamp(58px,6.5vw,85px)}.intro-copy{font-size:20px}}@media (width<=1050px){.desk-study{width:210px}.introduction{gap:30px}.study-choices{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:64px}.tagline{font-size:24px}}@media (width<=760px){.design-controls{margin-top:0}.design-controls summary>span{display:none}.introduction{padding-top:30px;display:block}h1{max-width:11ch;font-size:clamp(43px,11.7vw,74px);line-height:1.08}.tagline{margin-top:15px;font-size:22px;line-height:1.5}.tagline-break{display:none}.intro-copy{font-size:19px}.desk-study{width:210px;margin:23px 0 0 auto}.desk-study>span{font-size:7px}.study-choices{gap:14px}.study-choices label{font-size:10px}.study-choices select{padding:8px 5px;font-size:11px}.finish-choices{gap:7px}.finish-choices label{padding:7px 9px;font-size:11px}.card{min-height:210px}.prism-study{width:140px}.collection-caption{margin-bottom:16px}}@media (prefers-reduced-motion:reduce){.card,.expanded-card{transition:none!important}.card:hover{transform:none}}@media (prefers-reduced-transparency:reduce){:is([data-finish=glass],[data-finish=glass-glow]) :is(.card,.expanded-card){background:var(--tint);-webkit-backdrop-filter:none}}@media print{.design-controls,.desk-study,.prism-study,.sbu-caption,[data-sample-card]{display:none!important}.card,.expanded-card{box-shadow:none!important;background:#fff!important}.card:before,.expanded-card:before{display:none}}.simple-placeholder{color:#8ca9a0;width:230px;margin-left:20px}.simple-placeholder svg{opacity:.8}.study-choices{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px}@media (width<=760px){.simple-placeholder{display:none}.introduction{padding-bottom:42px}}[data-finish=glass-glow] :is(.card,.expanded-card):before{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%),radial-gradient(ellipse at 91% 116%,color-mix(in srgb,var(--accent) 31%,transparent),transparent 50%),radial-gradient(ellipse at 15% 140%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 53%)}
