:root{--scene-shadow:0 2px 16px rgba(23,23,20,.3);--surface:#e2dac8;--intro-ink:#171714;--scene-glass:rgba(238,231,216,.94)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}button{font:inherit;color:inherit}.display{letter-spacing:0;overflow-wrap:anywhere}.studio-entrance{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;background:var(--canvas)}.studio-nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;z-index:3;padding:18px 60px;position:absolute;top:0;left:0;right:0;background:var(--scene-glass)}.studio-nav a{font-size:12px;text-transform:uppercase;text-decoration:none;padding:8px 0;min-height:44px;display:flex;align-items:center}.studio-scene{position:relative;width:100%;aspect-ratio:1704/875}.studio-scene-image{width:100%;height:100%;object-fit:fill}.studio-hanger,.studio-rope{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.studio-hanger canvas{position:absolute;inset:0;width:100%;height:100%}.hanger-fallback{position:absolute;left:41.851%;top:17.428%;width:18.816%;height:21.225%;object-fit:contain}.has-3d .hanger-fallback{visibility:hidden}.studio-rope{z-index:1}.scene-target{position:absolute;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding:8px;background:transparent;text-decoration:none}.scene-target span{font-size:14px;opacity:0;background:var(--canvas);color:var(--ink);padding:6px 12px;box-shadow:var(--scene-shadow);transition:opacity .2s}.scene-target:hover span,.scene-target:focus-visible span{opacity:1}.target-computer{left:36.972%;top:57.143%;width:29.343%;height:26.857%}.target-shirt{left:61.502%;top:9.943%;width:24.002%;height:54.057%}.target-ipad{left:58.509%;top:73.943%;width:25%;height:18.057%}.target-record{left:0;top:75.429%;width:18.192%;height:24.571%}.studio-replay{position:absolute;bottom:18px;right:20px;width:44px;height:44px;border:0;background:var(--canvas);font-size:28px;cursor:pointer;z-index:3}.studio-mobile-links{display:none}.studio-intro{position:fixed;inset:0;margin:0;border:0;width:100%;max-width:none;height:100%;max-height:none;background:var(--intro-ink);color:var(--canvas);z-index:100;padding:0;transition:clip-path 1.9s ease;clip-path:inset(0)}.studio-intro[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}.studio-intro img{width:110px;filter:invert(1);mix-blend-mode:screen}.studio-intro p{font-family:var(--font-display);font-size:28px;margin-top:18px}.studio-intro button{position:absolute;right:24px;bottom:30px;border:1px solid currentColor;background:transparent;padding:12px 20px;cursor:pointer}.studio-intro.is-wiping{clip-path:polygon(0 0,0 0,0 100%,0 100%)}.studio-intro::backdrop{background:transparent}
.sketch-media{position:relative;aspect-ratio:4/5;background:var(--surface);overflow:hidden}.reveal-photo,.reveal-sketch,.reveal-outline{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.reveal-photo{opacity:0;transition:opacity .8s}.reveal-sketch{opacity:1;transition:opacity .6s}.reveal-outline{stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0;pointer-events:none}.reveal-outline path{stroke-dasharray:1;stroke-dashoffset:1}.sketch-reveal[data-state=drawing] .reveal-outline{opacity:1}.sketch-reveal[data-state=drawing] .reveal-outline path{animation:pencil-line 1.3s ease forwards}.sketch-reveal[data-state=photo] .reveal-photo{opacity:1}.sketch-reveal[data-state=photo] .reveal-sketch{opacity:0}.reveal-trigger{position:absolute;inset:0;background:transparent;border:0;width:100%;cursor:pointer}.reveal-trigger span{position:absolute;bottom:16px;left:16px;background:var(--canvas);padding:8px 12px;font-size:12px}.reveal-replay{position:absolute;top:8px;right:8px;width:44px;height:44px;font-size:24px;border:0;background:var(--canvas);cursor:pointer}.reveal-details{padding:18px 0 8px}.reveal-details h3{font-size:25px;line-height:1.1}.reveal-details .btn{padding:12px 16px}.additional-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-button{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.additional-photos img{width:100%;aspect-ratio:4/5;object-fit:cover}.archive-page{padding-top:64px}.archive-page h1{font-size:72px;margin:20px 0 40px}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.archive-grid img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.archive-journal{max-width:780px;border:1px solid var(--border-strong);padding:40px;margin:64px 0}.archive-journal h2{font-size:44px;margin:24px 0}.editorial-page{padding-top:90px;min-height:65svh;padding-bottom:60px}.editorial-page h1{font-size:64px;margin:0 0 40px}.editorial-page .rte{max-width:720px;font-size:20px;line-height:1.8}.contact-email{display:inline-block;font-size:22px;overflow-wrap:anywhere;margin-top:40px}.coming-soon{background:var(--ink);color:var(--canvas);min-height:75svh;display:flex;align-items:center;padding:80px var(--gutter)}.coming-soon>div{width:100%;max-width:1000px;margin:auto}.coming-soon h1{font-family:var(--font-body);font-size:100px;line-height:.98;font-weight:500;margin:40px 0 30px}.coming-soon p{max-width:400px}.coming-soon a{display:inline-block;margin-top:30px}.photo-dialog{background:var(--intro-ink);color:var(--canvas);border:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:64px 70px}.photo-dialog[open]{display:flex;align-items:center;justify-content:center}.photo-dialog::backdrop{background:var(--ink)}.photo-dialog img{max-width:100%;max-height:100%;object-fit:contain}.photo-dialog button{position:absolute;background:var(--canvas);color:var(--ink);border:0;cursor:pointer;width:44px;height:44px;font-size:24px}.photo-close{top:15px;right:15px}.photo-prev{left:10px;top:50%}.photo-next{right:10px;top:50%}.photo-caption{position:absolute;bottom:12px;left:60px;right:60px;text-align:center;font-size:12px}.site-header__logo{letter-spacing:0;white-space:normal}.product__gallery{align-content:start}.card:hover img{transform:none}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product__mto{font-family:var(--font-body);font-size:14px}.site-footer .paint-chips{display:none}
@keyframes pencil-line{to{stroke-dashoffset:0}}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-nav{gap:16px}.archive-page h1{font-size:52px}.coming-soon h1{font-size:70px}.editorial-page h1{font-size:48px}}
@media(max-width:600px){.studio-entrance{min-height:100svh;justify-content:flex-start;padding-top:110px}.studio-scene{margin:auto 0}.studio-nav{padding:12px 20px;gap:4px 20px}.studio-nav a{font-size:11px}.studio-mobile-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:30px 24px 70px}.studio-mobile-links a{min-height:44px;display:flex;align-items:center;text-decoration:none}.scene-target span{font-size:10px;padding:4px}.product-grid{grid-template-columns:1fr}.archive-grid{gap:8px}.archive-page{padding-top:40px}.archive-journal{padding:24px;margin:40px 0}.archive-journal h2{font-size:30px}.coming-soon{padding:60px 24px}.coming-soon h1{font-size:44px}.editorial-page h1{font-size:38px}.contact-email{font-size:18px}.photo-dialog{padding:60px 48px}.cart-table th,.cart-table td{padding-right:4px}.cart-item__media,.cart-item__media img{width:48px}.cart-item__title{font-size:16px}.quantity button{padding:12px 8px}.quantity input{width:32px}.site-header__inner{gap:12px}.site-header__logo{font-size:18px}.site-header__actions{gap:8px}.site-header__actions>a:first-child:not(:last-child){display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Version 3: match the website's five requested details. */
:root{--field-error:oklch(.35 .09 25);--header-glass:color-mix(in oklab,var(--canvas) 90%,transparent);--site-border:oklch(.82 .02 85);--site-muted:oklch(.42 .02 80)}
body{line-height:1.5}.site-header{z-index:40;background:var(--header-glass);border-color:var(--site-border)}
.site-header__inner{max-width:1024px;padding:8px 16px;gap:4px;flex-direction:column}
.site-header__logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;letter-spacing:0;text-transform:none}
.site-header__logo span{letter-spacing:.2em}.site-header__mark{width:40px;height:24px;object-fit:contain}
.site-header__nav{display:block;position:static;padding:0;background:transparent;border:0}
.site-header__nav ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;margin:0;padding:0;list-style:none}
.site-header__nav a{display:inline-flex;align-items:center;min-height:44px;padding:6px 8px;font-size:12px;line-height:20px;font-weight:400;letter-spacing:.1em;color:var(--site-muted);border:0}
.site-header__nav a:hover{color:var(--ink)}.site-header__nav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--mustard);text-decoration-thickness:2px;text-underline-offset:4px}
.site-header__nav .header-bag{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:6px 8px}
.contact-page{max-width:672px;margin:auto;padding:64px 24px 64px}.contact-page h1{font-family:var(--font-display);font-size:48px;font-weight:500;line-height:1;margin:0}
.contact-intro{margin:12px 0 0;color:var(--site-muted)}.contact-page .contact-email{margin-top:12px;font-size:14px;color:var(--site-muted);text-underline-offset:4px}
.contact-page form{margin-top:24px;display:grid;gap:16px}.contact-page label{font-size:14px;letter-spacing:.1em;text-transform:uppercase;display:block}
.contact-page input,.contact-page textarea{display:block;width:100%;margin-top:4px;padding:12px 0;border:0;border-bottom:1px solid var(--site-border);background:transparent;color:var(--ink);font:inherit;border-radius:0;resize:vertical;box-shadow:none}
.contact-page input:focus,.contact-page textarea:focus{outline:none;border-bottom-color:var(--ink)}.field-error{font-size:14px;color:var(--field-error);margin:4px 0 0}
.contact-submit{justify-self:start;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:12px 0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.contact-help{font-size:12px;line-height:1.625;color:var(--site-muted);margin:0}.contact-submit:hover{opacity:.6}
.about-page{max-width:1152px;margin:auto;padding:56px 20px}.about-copy{max-width:768px;border:1px solid var(--border-strong);padding:28px 20px}
.about-eyebrow{font-family:monospace;font-size:11px;line-height:1.625;letter-spacing:.16em;text-transform:uppercase;margin:0}
.about-copy h1{font-size:30px;font-weight:500;line-height:1.1;margin:24px 0 0;max-width:672px}
.about-copy .rte{max-width:672px;margin-top:24px;font-size:14px;line-height:1.85}.about-copy .rte p{margin:0}.about-materials{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px;align-items:start}.about-materials figure{margin:0}.about-materials img{width:100%;height:auto}
.card-summary{margin-top:12px}.card-summary .card__title{font-size:20px;line-height:1.375;font-weight:600;margin:0}.card-price{font-size:14px;margin:8px 0 0;color:var(--site-muted)}
.product-status{font-family:var(--font-body);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:8px 0 0;line-height:16px}.card-summary .btn{margin-top:12px;padding:8px 12px;min-height:44px;font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;border-color:var(--site-border);border-radius:4px}.card-blurb{font-size:14px;color:var(--site-muted);margin:0}.reveal-details{padding:8px 0 0}.product__title{font-size:36px;font-weight:600;letter-spacing:0}.product__price{font-family:var(--font-body);font-size:18px}.product__mto{font-family:var(--font-body);font-size:14px;line-height:1.625;background:transparent;border:0;padding:0}
@media(min-width:640px){.site-header__nav ul{gap:8px}.site-header__nav a{font-size:14px}.contact-page{padding-top:96px;padding-bottom:96px}.contact-page h1{font-size:72px}.about-page{padding-top:80px;padding-bottom:80px}.about-copy{padding:36px 32px}.about-copy h1{font-size:36px}.about-copy .rte{font-size:16px}.about-materials{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.site-header__inner{flex-direction:row;gap:12px;padding:12px 16px}.contact-page form{margin-top:40px;gap:24px}.about-copy{padding:40px}.about-copy h1{font-size:48px}.about-materials{margin-top:48px;gap:48px 24px}.about-materials figure:nth-child(even){padding-top:64px}}
@media(max-width:1023px){.compact-page{padding:24px 16px}}

.contact-page label{line-height:20px}.contact-page input,.contact-page textarea{font-size:16px;line-height:24px}.contact-page input{height:49px}.contact-page textarea{min-height:145px}.contact-submit{line-height:16px}
.collection-head .display{font-size:36px;font-weight:600;line-height:1.1}.card__title{letter-spacing:0}
@media(min-width:640px){.collection-head .display{font-size:48px}}
