/* Native studio-workbench aesthetic. Square paper sheets, rounded controls.
   Layers: sheet hover 1, hero stamp 2, native dialog top layer. */
:root{color-scheme:light;--bg:#f2f3ef;--paper:#fcfcf9;--ink:#242520;--muted:#61635c;--line:#d4d6cc;--accent:#284cdd;--on-accent:#fff;--soft-accent:#e7ebff;--shadow:rgba(45,49,30,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:active{transform:translateY(1px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;padding:14px;background:var(--paper);z-index:3}.skip-link:focus{top:10px}.site-header,main,footer{max-width:1440px;margin:auto}.site-header{height:80px;margin:0 auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:45px;font-weight:900;letter-spacing:-3.5px;line-height:1;display:inline-flex;align-items:flex-start}.brand span{color:var(--accent);font-size:61px;line-height:.95;margin-left:3px}.site-header nav{display:flex;gap:35px;font-size:14px;margin-left:52px}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--accent)}.current{border-bottom:1px solid var(--ink)}.shortlist{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid var(--ink);border-radius:30px;padding:11px 15px;font-size:13px}.shortlist[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.saved-count{border-left:1px solid currentColor;padding-left:12px;min-width:21px}.bookmark{display:block;width:11px;height:15px;border:1.5px solid currentColor;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}
.hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;min-height:375px;padding:42px 76px 36px;gap:24px}.eyebrow{font-family:'Courier New',monospace;font-size:11px;font-weight:bold;letter-spacing:1.7px;margin:0 0 19px}.hero h1{font-size:clamp(65px,6.6vw,96px);line-height:.94;letter-spacing:-6px;font-weight:800;margin:0}.hero h1 span{color:var(--accent)}.hero-description{font-size:16px;line-height:1.5;margin:25px 0 0;max-width:430px}.hero-collage{position:relative;height:280px;width:430px;justify-self:end}.photo-print{position:absolute;background:var(--paper);padding:9px 9px 27px;box-shadow:0 3px 10px var(--shadow)}.photo-print img{width:100%;height:100%;object-fit:cover;display:block}.print-back{height:231px;width:190px;right:8px;top:3px;transform:rotate(12deg)}.print-front{height:255px;width:250px;left:18px;top:22px;transform:rotate(-9deg)}.surprise{position:absolute;z-index:2;right:4px;bottom:-2px;width:133px;height:133px;border-radius:50%;background:var(--accent);color:var(--on-accent);transform:rotate(10deg);box-shadow:0 0 0 6px var(--bg)}.surprise span{display:block;font-size:11px;margin-bottom:6px}.surprise strong{font-size:22px;line-height:1.05;letter-spacing:-.6px}.surprise:hover{transform:rotate(0deg) scale(1.05)}.surprise:active{transform:rotate(0deg) scale(.97)}
.workshops{padding:27px 56px 60px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-heading h2{font-size:29px;letter-spacing:-1.2px;font-weight:500;margin:0;display:flex;gap:18px;align-items:center}.section-heading h2 span{color:var(--accent);font-size:37px;line-height:.8}.edition{font:11px 'Courier New',monospace;letter-spacing:1px;border:1px solid var(--line);padding:9px 12px;transform:rotate(3deg)}.toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 255px auto;gap:18px;align-items:center}.search-wrap{position:relative}.search-wrap input{width:100%;height:50px;padding:0 16px 0 43px;border:1px solid var(--line);background:var(--paper);border-radius:5px;color:var(--ink);font-size:14px}.search-wrap input::placeholder{color:var(--muted)}.search-icon{position:absolute;left:18px;top:17px;width:13px;height:13px;border:1.5px solid var(--ink);border-radius:50%;pointer-events:none}.search-icon:after{content:'';position:absolute;left:10px;top:10px;width:6px;height:1.5px;background:var(--ink);transform:rotate(45deg)}.filter-wrap{display:flex;align-items:center;height:50px;gap:7px;border:1px solid var(--line);border-radius:5px;padding:0 12px;background:var(--paper)}.filter-wrap label{color:var(--muted);font-size:13px;white-space:nowrap}.filter-wrap select{width:100%;min-width:0;height:44px;background:transparent;color:var(--ink);border:0;font-size:14px;padding:0 6px}.view-switch{padding:4px;background:var(--line);border-radius:5px;display:flex;gap:2px}.view-switch button{font-size:12px;padding:12px 14px;border-radius:3px;background:transparent;white-space:nowrap}.view-switch button[aria-pressed=true]{background:var(--paper);box-shadow:0 1px 3px var(--shadow)}.results-line{display:flex;gap:18px;align-items:center;font-size:12px;color:var(--muted);height:63px}.results-line p{margin:0}.browse-hint{margin-left:auto;font-family:'Courier New',monospace;font-size:11px}.text-button{background:none;font-size:12px;color:var(--accent);text-decoration:underline;text-underline-offset:3px;padding:8px 0}
.pile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:31px 26px;padding:8px 8px 16px;align-items:start}.workshop-sheet{position:relative;background:var(--paper);padding:16px 16px 0;box-shadow:0 3px 4px var(--shadow);border:1px solid var(--line);transform:rotate(var(--angle));transition:transform .25s,box-shadow .25s;min-width:0}.workshop-sheet:nth-child(6n+1){--angle:-1.7deg}.workshop-sheet:nth-child(6n+2){--angle:1.2deg;margin-top:14px}.workshop-sheet:nth-child(6n+3){--angle:-.8deg}.workshop-sheet:nth-child(6n+4){--angle:.8deg}.workshop-sheet:nth-child(6n+5){--angle:-1.2deg;margin-top:10px}.workshop-sheet:nth-child(6n+6){--angle:1.5deg}.workshop-sheet:hover,.workshop-sheet:focus-within{transform:translateY(-5px) rotate(0deg);z-index:1;box-shadow:0 9px 16px var(--shadow)}.sheet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font:11px 'Courier New',monospace;letter-spacing:.5px}.sheet-category{text-transform:uppercase}.sheet-saved{color:var(--accent);font-weight:bold}.sheet-photo{height:202px;overflow:hidden;background:var(--line)}.sheet-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.workshop-sheet:hover img{transform:scale(1.035)}.sheet-content{padding:17px 0 14px}.sheet-title-row{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.sheet-title-row h3{font-size:26px;line-height:1.08;letter-spacing:-1px;margin:0;font-weight:600}.sheet-title-row .price{font-size:20px;white-space:nowrap;letter-spacing:-.8px}.sheet-meta{margin:10px 0 0;color:var(--muted);font-size:12px}.open-sheet{position:static;text-align:left;background:transparent;padding:0}.open-sheet:after{content:'';position:absolute;inset:0}.open-sheet:focus-visible{outline:none}.workshop-sheet:has(.open-sheet:focus-visible){outline:3px solid var(--accent);outline-offset:6px}.sheet-bottom{border-top:1px dashed var(--line);margin:0 -16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;min-height:49px;font:11px 'Courier New',monospace}.sheet-bottom .open-arrow{font-size:25px;color:var(--accent);line-height:1}.pile.lined-up{grid-template-columns:1fr;padding:0;gap:12px}.lined-up .workshop-sheet{display:grid;grid-template-columns:150px 1fr 150px;gap:0 24px;transform:none;margin:0;padding:12px 18px;align-items:center}.lined-up .sheet-photo{grid-column:1;grid-row:1 / 3;height:100px}.lined-up .sheet-top{grid-column:2;grid-row:1;margin:0;align-self:end;max-width:400px}.lined-up .sheet-content{grid-column:2;grid-row:2;padding:10px 0;max-width:650px}.lined-up .sheet-bottom{grid-column:3;grid-row:1 / 3;border-top:0;border-left:1px dashed var(--line);padding:20px;margin:0;gap:18px}.empty-state{text-align:center;padding:40px 16px 60px;border:1px dashed var(--line);margin-top:10px}.empty-mark{color:var(--accent);font-size:80px;line-height:1}.empty-state h3{font-size:32px;font-weight:500;letter-spacing:-1px;margin:0}.empty-state p{font-size:15px;color:var(--muted);line-height:1.6}.primary-button{background:var(--accent);color:var(--on-accent);border-radius:5px;font-size:14px;padding:17px 22px}.primary-button:hover{filter:brightness(1.1)}.skeleton{height:360px;background:var(--line);opacity:.35}.about{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid var(--line);padding:60px 100px 70px;align-items:center}.about-mark{font-size:250px;color:var(--accent);font-weight:bold;line-height:.8;justify-self:center;align-self:center;padding-top:60px}.about h2{font-size:48px;font-weight:500;letter-spacing:-2px;line-height:1.05;margin:0 0 20px}.about p{max-width:510px;font-size:16px;line-height:1.6}.about .about-note{color:var(--muted);font-size:13px;margin-top:24px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:28px 56px}footer .brand{font-size:32px}footer .brand span{font-size:44px}footer p{font-size:14px}footer>span{font:11px 'Courier New',monospace;color:var(--muted)}
body:has(dialog[open]){overflow:hidden}dialog{padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(940px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 80px #10150e33}dialog::backdrop{background:#1a211a80;backdrop-filter:blur(5px)}.detail-top{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;border-bottom:1px solid var(--line)}#detail-category{font:12px 'Courier New',monospace;text-transform:uppercase;letter-spacing:1px}.close-detail{background:transparent;display:flex;align-items:center;gap:15px;font-size:13px;padding:8px}.close-detail span{font-size:26px;line-height:1}.detail-layout{display:grid;grid-template-columns:.9fr 1fr;gap:34px;padding:28px}.detail-visual img{display:block;width:100%;height:470px;object-fit:cover}.detail-visual p{font:11px 'Courier New',monospace;color:var(--muted);line-height:1.5}.detail-kicker{font:10px 'Courier New',monospace;letter-spacing:.7px;color:var(--accent);margin-top:7px}.detail-content h2{font-size:46px;line-height:1.02;letter-spacing:-2px;margin:17px 0 20px}#detail-body{font-size:15px;line-height:1.65;color:var(--muted)}#detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:19px 20px;padding:23px 0;margin:18px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}#detail-facts dt{font-size:11px;color:var(--muted);margin-bottom:6px}#detail-facts dd{font-size:14px;margin:0}.detail-price{display:flex;align-items:baseline;gap:12px;margin:22px 0}.detail-price strong{font-size:34px;letter-spacing:-1px;font-weight:500}.detail-price span{font-size:11px;color:var(--muted)}.save-button{width:100%;display:flex;justify-content:space-between;align-items:center}.save-button span{font-size:23px;line-height:16px}.save-button[aria-pressed=true]{background:var(--soft-accent);color:var(--accent)}.save-note{font-size:11px;color:var(--muted);line-height:1.5;min-height:33px}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .55s both}.hero-collage{animation:arrive .75s both}.surprise{transition:transform .25s}.workshop-sheet{animation:sheet-arrive .4s both;animation-delay:calc(var(--index)*45ms)}dialog[open]{animation:arrive .2s both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#20221f;--paper:#2a2d28;--ink:#f0f2e9;--muted:#b6bcaf;--line:#4a5044;--accent:#9aafff;--on-accent:#171e36;--soft-accent:#353e5c;--shadow:rgba(10,14,8,.3)}.photo-print img,.sheet-photo img{filter:brightness(.9)}dialog::backdrop{background:#11180caa}}
@media(max-width:1100px){.site-header{padding:0 32px}.hero{padding:40px;grid-template-columns:1.4fr 1fr}.hero h1{font-size:72px;letter-spacing:-4px}.hero-collage{width:320px;transform:scale(.85);transform-origin:center right}.print-front{left:0}.print-back{right:0}.surprise{right:-10px}.workshops{padding-left:32px;padding-right:32px}.toolbar{grid-template-columns:1fr 230px}.view-switch{display:none}.pile{gap:25px 18px}.sheet-photo{height:180px}.sheet-title-row h3{font-size:21px}.sheet-title-row .price{font-size:18px}.about{padding:55px}.detail-layout{gap:24px}}
@media(max-width:767px){.site-header{height:75px;padding:0 20px}.brand{font-size:39px}.brand span{font-size:52px}.site-header nav{display:none}.shortlist{padding:10px 12px;font-size:12px;gap:9px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:32px 24px 24px;gap:13px;min-height:0}.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:20px}.hero h1{font-size:clamp(49px,13.4vw,80px);letter-spacing:-3.6px;line-height:.98}.hero-description{font-size:14px;line-height:1.5;margin-top:20px;max-width:290px}.desktop-break{display:none}.hero-collage{height:200px;width:310px;align-self:center;transform:none;max-width:100%;margin-top:7px}.print-front{width:177px;height:184px;left:23px;top:5px;padding:7px 7px 20px}.print-back{width:137px;height:166px;right:18px;top:2px;padding:7px 7px 20px}.surprise{height:105px;width:105px;right:7px;bottom:0;box-shadow:0 0 0 4px var(--bg)}.surprise span{font-size:9px}.surprise strong{font-size:19px}.workshops{padding:25px 20px 40px}.section-heading{gap:12px;margin-bottom:20px}.section-heading h2{font-size:24px;letter-spacing:-.9px;gap:8px}.section-heading h2 span{font-size:27px}.edition{font-size:9px;padding:6px;letter-spacing:0;max-width:65px;text-align:center;line-height:1.3}.toolbar{grid-template-columns:1fr;gap:10px}.filter-wrap{height:46px}.search-wrap input{font-size:13px}.results-line{height:55px;font-size:11px;gap:10px}.browse-hint{display:none}.pile{grid-template-columns:1fr;gap:26px;padding:6px 5px 12px}.workshop-sheet:nth-child(n){margin-top:0;--angle:-1deg}.workshop-sheet:nth-child(2n){--angle:1deg}.sheet-photo{height:215px}.sheet-title-row h3{font-size:25px}.sheet-title-row .price{font-size:21px}.sheet-content{padding-top:17px}.sheet-top{font-size:10px}.sheet-meta{font-size:12px}.sheet-bottom{font-size:11px}.about{grid-template-columns:1fr;padding:30px 25px 40px;gap:10px}.about-mark{font-size:100px;padding-top:20px;justify-self:start;height:80px}.about h2{font-size:38px}.about p{font-size:14px}.about .about-note{font-size:12px}footer{padding:24px 22px;gap:15px;flex-wrap:wrap}footer p{font-size:12px}footer>span{display:none}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.detail-top{padding:10px 16px}.detail-layout{grid-template-columns:1fr;padding:16px;gap:10px}.detail-visual img{height:210px}.detail-visual p{display:none}.detail-content h2{font-size:37px}.detail-kicker{margin-top:9px}.detail-content #detail-body{font-size:14px}#detail-facts{gap:20px 12px}#detail-facts dd{font-size:13px}.detail-price{margin:17px 0}.save-note{margin-bottom:3px}.lined-up .workshop-sheet{display:block;padding:16px 16px 0}.lined-up .sheet-photo{height:215px}.lined-up .sheet-top{margin-bottom:13px}.lined-up .sheet-bottom{border-left:0;border-top:1px dashed var(--line);margin:0 -16px;padding:12px 16px}.lined-up .sheet-content{padding:17px 0 14px}}
.open-sheet:active{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
