:root{--paper:#fafafa;--ink:#080808;--muted:#666;--line:#dedede;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;font-family:var(--sans);background:var(--paper);color:var(--ink);font-synthesis:none;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:25px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border-radius:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #777;outline-offset:5px}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}[hidden]{display:none!important}::selection{background:#d5d9cd}.wrap{width:min(1440px,calc(100% - 80px));margin-inline:auto}.eyebrow{font-size:10px;font-weight:400;line-height:1.6;letter-spacing:.08em}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;left:15px;top:15px;z-index:10;padding:15px;background:#000;color:#fff}
.masthead{display:flex;align-items:center;justify-content:space-between;padding:24px 0 27px;gap:24px}.wordmark{font-size:17px;font-weight:700;letter-spacing:-.6px}.masthead-note{font-size:9px;letter-spacing:.06em}nav{display:flex;gap:24px;font-size:11px}nav a{padding:10px 0}a:hover{text-decoration:underline;text-underline-offset:4px}
.intro h1{font-size:clamp(70px,12.1vw,184px);font-weight:800;line-height:.9;letter-spacing:-.075em;margin:5px 0 27px;white-space:nowrap}.hero-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:38px}.image-button{border:0;background:none;display:block;padding:0;width:100%;position:relative;text-align:left}.hero-button{height:clamp(390px,48vw,670px);overflow:hidden;background:#b89b90}.hero-button>img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.image-corner{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.05em;color:#fff;text-shadow:0 1px 4px #000}.image-corner>span{font-size:19px}.hero-figure>figcaption{font-size:10px;padding-top:12px;color:var(--muted)}.hero-copy{position:relative;display:flex;align-items:center;justify-content:center;padding:40px 30px 120px}.hero-introduction{max-width:280px;text-align:center}.hero-introduction h2{font-size:27px;line-height:1.03;letter-spacing:-1px;margin:22px 0}.hero-introduction>p:not(.eyebrow){font-size:12px;line-height:1.65}.text-link{display:inline-flex;justify-content:space-between;gap:25px;border:0;border-bottom:1px solid;background:none;padding:0 0 8px;font-size:11px;margin-top:25px}.signature{position:absolute;right:16px;bottom:35px;font:italic 22px/1.15 var(--serif);transform:rotate(-8deg)}.signature span{display:block;font-size:36px;padding-left:22px;letter-spacing:-2px}.edition{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.05em;margin-top:45px;padding-bottom:23px;border-bottom:1px solid var(--line)}
.looks-section{padding:28px 0 100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:25px}.section-heading h2{font-size:14px;font-weight:400}.section-heading>p{font-size:10px;line-height:1.5;text-align:right;color:var(--muted)}.looks-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px}.look figure{margin:0}.look .image-button>img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#e8e1dd}.look .image-button:hover>img{filter:brightness(.97)}.look figcaption{padding-top:15px}.look-caption-top{display:flex;justify-content:space-between;align-items:baseline;gap:9px}.look h3{font-size:13px;font-weight:400;letter-spacing:-.15px}.look-number{font-size:9px;color:#666;white-space:nowrap}.look-format{font-size:9px;color:#777;margin-top:6px}.feature-look{margin:90px 0}.feature-look figure{display:grid;grid-template-columns:1fr 3fr;gap:27px;align-items:stretch}.feature-look figcaption{padding:35px 18px 0 0;display:flex;flex-direction:column;align-items:flex-start}.feature-look .look-caption-top{display:block;margin-top:27px}.feature-look h3{font-size:clamp(25px,3.15vw,44px);line-height:1;letter-spacing:-1.6px;font-weight:700}.feature-look .look-number{display:none}.feature-signature{font:italic 20px/1.3 var(--serif);margin-top:13px}.feature-description{font-size:11px;line-height:1.8;margin-top:55px;max-width:235px;color:#555}.feature-look .text-link{margin-top:auto;margin-bottom:30px}.feature-images{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:hidden;background:#b89d91}.feature-images .image-button>img{height:100%;aspect-ratio:3/4;object-fit:cover;background:#b89d91}.feature-detail-frame{position:relative;overflow:hidden;min-width:0}.feature-detail{position:absolute;width:100%;height:100%;object-fit:cover;transform:scale(2);transform-origin:50% 20%}

.styling-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:5px;padding:8px;background:white;aspect-ratio:3/4;width:100%;overflow:hidden}.board-item{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0;gap:3px}.board-item img{width:100%;height:calc(100% - 14px);object-fit:contain;min-height:0}.board-label{font-size:6px;line-height:1.2;text-align:center;color:#555;max-width:100%}
.secondary-project{padding:65px 0 0;border-top:1px solid var(--line)}.project-intro{display:grid;grid-template-columns:1fr 3fr;gap:27px;margin-bottom:36px}.project-intro h2{font-size:clamp(36px,6vw,80px);font-weight:700;letter-spacing:-.065em;line-height:1}.project-intro>div>p{font-size:12px;line-height:1.7;max-width:500px;margin-top:20px;color:#555}.study-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}.view-tabs{display:flex;gap:5px}.view-tabs button{background:none;border:1px solid transparent;font-size:10px;padding:10px 15px;min-height:38px}.view-tabs button[aria-pressed=true]{background:var(--ink);color:white}.view-tabs button:hover{border-color:var(--ink)}.study-panel{position:relative;aspect-ratio:2.25;overflow:hidden}.study-panel>img{height:100%;width:100%;object-fit:cover}.plate-number{position:absolute;right:15px;bottom:15px;padding:7px 9px;background:var(--paper);font-size:9px}.study-caption{font-size:10px;line-height:1.6;margin-top:12px;color:var(--muted)}
.interface-panel{background:linear-gradient(#20152645,#20152645),url('/assets/after-hours.jpg') center/cover;display:grid;place-items:center;padding:5%}.console{position:relative;display:grid;grid-template-columns:65px 1fr 65px;width:100%;max-width:900px;padding:20px 10px 30px;border:2px solid #939192;border-radius:70px;background:linear-gradient(165deg,#666469,#161519 20%,#17161a 70%,#4e4c50);box-shadow:0 28px 28px #0008,inset 0 2px 1px #eee7;color:#d7d1d8}.console-side{display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;gap:20px}.console-brand{position:absolute;top:10px;font:8px monospace}.dpad{font-size:55px;color:#111115;text-shadow:1px 2px #777}.analog{height:25px;width:25px;border-radius:50%;background:repeating-radial-gradient(#333 0 1px,#151515 2px 3px)}.console-screen{background:linear-gradient(125deg,#241e2d,#57405f);padding:16px;border:5px solid #0b0a0d;border-radius:9px;box-shadow:0 0 0 1px #827588}.screen-status{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px}.screen-nav{display:flex;justify-content:center;gap:40px;padding:15px 0 12px}.screen-nav>span{text-align:center;font-size:22px}.screen-nav small{display:block;font:8px var(--sans);margin-top:3px}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #fff3;padding-top:12px}.screen-tile{aspect-ratio:1.55;background:url('/assets/after-hours.jpg') center/cover}.tile-one{background-size:320%;background-position:8% 80%}.tile-two{background-size:250%;background-position:40% 10%}.tile-three{background-size:250%;background-position:100% 20%}.screen-bottom{display:flex;justify-content:space-between;font:7px monospace;letter-spacing:.8px;margin-top:12px}.face-buttons{display:grid;grid-template-columns:repeat(3,15px);grid-template-rows:repeat(3,18px);place-items:center;font-size:15px}.face-buttons span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #6b6670;border-radius:50%;background:linear-gradient(#454149,#16151a)}.face-buttons span:nth-child(1){grid-area:1/2}.face-buttons span:nth-child(2){grid-area:2/1}.face-buttons span:nth-child(3){grid-area:2/3}.face-buttons span:nth-child(4){grid-area:3/2}.console-bezel{position:absolute;bottom:10px;width:100%;text-align:center;font:8px monospace;letter-spacing:3px}.palette-panel{display:grid;grid-template-columns:1fr 1.6fr;background:#eae6df;padding:5%;gap:5%}.palette-title .eyebrow{font-size:9px}.palette-title>p{font:clamp(26px,3.4vw,49px)/1.06 var(--serif);letter-spacing:-1.7px;margin-top:25px}.swatches{display:flex;align-items:stretch}.swatch{display:flex;justify-content:space-between;flex-direction:column;width:20%;padding:15px 9px;font-size:8px;line-height:1.4;letter-spacing:.6px}.swatch small{display:block;font-size:8px;margin-top:8px}.charcoal{background:#19171c;color:#f5f3ee}.violet{background:#57475f;color:#f5f3ee}.pink{background:#b98297;color:#21171a}.amber{background:#ce985f;color:#211b15}.paper{background:#f5f3ee;color:#22211e}.design-notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0 80px}.design-notes summary{display:flex;justify-content:space-between;padding:20px 0;cursor:pointer;font-size:11px;list-style:none}.design-notes summary::-webkit-details-marker{display:none}.details-sign:after{content:'+'}.design-notes[open] .details-sign:after{content:'−'}.note-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:8px 0 30px}.note-columns h3{font-size:15px;letter-spacing:-.5px;margin-bottom:12px}.note-columns p{font-size:11px;line-height:1.7;color:#555}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:35px 0 95px}.about-heading h2{font-size:clamp(46px,6.7vw,95px);line-height:.92;letter-spacing:-.07em;margin-top:24px}.location{display:block;font-size:9px;letter-spacing:.05em;margin-top:24px}.about-copy{max-width:460px;padding-top:38px}.lead{font-size:22px;letter-spacing:-.7px;line-height:1.3}.about-copy>p:not(.lead){font-size:12px;line-height:1.8;margin-top:24px;color:#555}.about-copy>p.portfolio-note{font-size:10px;color:#777}.contact{padding:55px 0 65px;border-top:1px solid var(--line)}.contact-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:15px}.contact h2{font-size:clamp(55px,9vw,130px);line-height:1;letter-spacing:-.07em}.contact-link{font-size:18px;letter-spacing:-.5px;padding-bottom:5px}.contact-link small{display:block;font-size:11px;letter-spacing:0;margin-top:12px}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:25px 0 35px;font-size:9px;color:#666}.footer button{border:0;background:none;font-size:9px;padding:10px 0}
dialog{width:min(1100px,94vw);max-height:94dvh;border:0;padding:0 25px 25px;background:#fafafa;color:#080808}dialog::backdrop{background:#000d}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;background:#fafafa;z-index:2;padding:17px 0}.lightbox-toolbar h2{font-size:13px;font-weight:400}.lightbox-toolbar button{border:1px solid #ccc;background:none;padding:10px 15px;font-size:12px}dialog>img{width:100%;height:72dvh;object-fit:contain}dialog>p{font-size:10px;line-height:1.6;margin-top:15px;color:#666}#lightbox-details{max-width:750px;margin:20px auto 0;font-size:12px;line-height:1.65}#lightbox-details h3{font-size:12px;margin-top:24px}#lightbox-details ul{columns:2;padding-left:18px;column-gap:30px}#lightbox-details li{break-inside:avoid;margin-bottom:6px}#lightbox-board .styling-board{max-width:750px;margin:auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1.2;gap:20px;padding:15px}#lightbox-board .board-label{font-size:11px}#lightbox-board .board-item img{height:calc(100% - 34px)}body:has(dialog[open]){overflow:hidden}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.masthead-note{display:none}.hero-layout{gap:24px;grid-template-columns:1.3fr 1fr}.hero-copy{padding:30px 12px 100px}.hero-introduction h2{font-size:23px}.hero-introduction>p:not(.eyebrow){font-size:11px}.looks-row{gap:18px}.feature-look figure{grid-template-columns:1fr 2.5fr;gap:20px}.feature-images{grid-template-columns:1fr}.feature-detail-frame{display:none}.feature-description{margin-top:30px}.feature-look .text-link{margin-top:30px}.about-section{gap:50px}.console{grid-template-columns:45px 1fr 45px;padding:15px 7px 25px}.console-screen{padding:12px}.console-brand{font-size:6px}.dpad{font-size:42px}.face-buttons{transform:scale(.8)}.screen-status,.screen-bottom{font-size:6px}.screen-nav{padding:10px 0}.swatch,.swatch small{font-size:6px}.swatch{padding:10px 5px}.palette-title .eyebrow{font-size:7px}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.masthead{padding:19px 0 23px;gap:12px}.wordmark{font-size:14px}nav{gap:15px;font-size:10px}.intro h1{font-size:12.1vw;margin:8px 0 20px;letter-spacing:-.07em}.hero-layout{display:block}.hero-button{height:114vw;max-height:620px}.hero-button>img{object-position:50% 18%}.hero-copy{min-height:330px;padding:48px 70px 90px}.hero-introduction{max-width:250px}.hero-introduction h2{font-size:26px}.hero-introduction>p:not(.eyebrow){font-size:12px}.signature{right:12px;bottom:8px;font-size:17px}.signature span{font-size:29px}.edition{margin-top:30px;font-size:8px;padding-bottom:18px}.section-heading{gap:12px;margin-bottom:24px}.section-heading h2{font-size:12px}.section-heading>p{font-size:8px}.looks-section{padding:23px 0 60px}.looks-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}.look h3{font-size:12px}.look-number{font-size:8px}.look-format{font-size:8px}.look figcaption{padding-top:11px}.feature-look{margin:55px 0}.feature-look figure{display:flex;flex-direction:column;gap:22px}.feature-look figcaption{padding:0}.feature-look .look-caption-top{margin-top:15px}.feature-look h3{font-size:39px;letter-spacing:-2px}.feature-signature{font-size:19px;margin-top:8px}.feature-description{font-size:11px;margin-top:20px;max-width:none}.feature-look .text-link{margin:18px 0 0}.feature-images{width:100%}.feature-images .image-button>img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.board-label{font-size:5.5px}.styling-board{gap:3px;padding:5px}.secondary-project{padding-top:35px}.project-intro{display:block;margin-bottom:25px}.project-intro h2{font-size:52px;margin-top:20px}.project-intro>div>p{font-size:11px}.study-top{flex-wrap:wrap;padding:10px 0 17px;gap:12px}.view-tabs{width:100%}.view-tabs button{font-size:10px;padding:8px 13px}.study-panel{aspect-ratio:1.4}.interface-panel{padding:4%}.console{grid-template-columns:25px 1fr 25px;border-radius:30px;padding:15px 5px 22px}.console-side{gap:10px}.console-brand{font-size:4px;top:0}.dpad{font-size:27px}.analog{width:15px;height:15px}.console-screen{padding:8px;border-width:3px}.screen-status,.screen-bottom{font-size:4px;letter-spacing:0}.screen-nav{gap:20px;padding:9px 0}.screen-nav>span{font-size:15px}.screen-nav small{font-size:5px}.face-buttons{transform:scale(.5)}.screen-grid{gap:4px;padding-top:7px}.console-bezel{font-size:5px;bottom:7px}.palette-panel{padding:7%;grid-template-columns:1fr;gap:15px}.palette-title>p{font-size:25px;margin-top:8px}.palette-title>p br{display:none}.swatches{min-height:95px}.swatch,.swatch small{font-size:6px}.plate-number{font-size:6px;padding:5px;right:8px;bottom:8px}.design-notes{margin-bottom:50px}.note-columns{grid-template-columns:1fr;gap:25px}.about-section{display:block;padding:5px 0 55px}.about-heading h2{font-size:65px}.about-copy{padding-top:30px}.lead{font-size:21px}.about-copy>p:not(.lead){font-size:11px}.contact{padding:35px 0}.contact-row{display:block}.contact h2{font-size:68px}.contact-link{display:inline-block;font-size:15px;margin-top:25px}.contact-link small{font-size:10px}.contact>.eyebrow{font-size:8px}.footer{gap:15px;flex-wrap:wrap;font-size:8px;padding:20px 0}.footer button{font-size:8px}dialog{padding:0 14px 18px;width:96vw}.lightbox-toolbar h2{font-size:11px}dialog>img{height:68dvh}#lightbox-details ul{columns:1}#lightbox-board .styling-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));aspect-ratio:3/5;gap:10px}#lightbox-board .board-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
@media print{body{background:white}.wrap{width:100%}.masthead,nav,.hero-copy .text-link,.secondary-project,.contact,.footer,dialog,.skip-link{display:none!important}.intro h1{font-size:64px}.hero-layout{display:none}.edition{margin-top:20px}.looks-row{grid-template-columns:repeat(4,1fr);gap:15px}.look{break-inside:avoid}.feature-look{margin:25px 0}.feature-look figure{grid-template-columns:1fr 2fr}.feature-images{max-height:400px}.feature-images .image-button>img{height:400px;object-fit:contain}.feature-detail-frame,.feature-look .text-link{display:none}.feature-images{display:block}.looks-section{padding-bottom:30px}.about-section{break-inside:avoid;padding:25px 0}.about-heading h2{font-size:50px}}