/* A tactile, forest-lit maker space. Generated scenery frames original project photographs. */
.workshop{--ground:#100f0c;--panel:#20160f;--ink:#f1e3ce;--muted:#d0c3a9;--accent:#c5a371;--line:#c5a37145;--halo:#c6a36b23;background:radial-gradient(ellipse at 90% 40%,#23302540,transparent 55%),#100f0c}.workshop .cosmos{background:linear-gradient(#0c0c08c9,#100f0cf5),url('workshop/illustrated-surround.webp') center top/cover no-repeat}.workshop .aurora{height:280px;background:radial-gradient(ellipse at 25% 0,#97703b40,transparent 65%),radial-gradient(ellipse at 85% 0,#38625922,transparent 60%)}.workshop .stars{opacity:.24}.workshop .trail-layer{opacity:.45}.workshop .site-header{border-bottom-color:#b5915830}.workshop .button{border-color:#b99a6466;background:linear-gradient(145deg,#4a3320,#20160f);box-shadow:inset 0 1px #f5deb21f;min-height:44px}.workshop .button:hover{background:#4a3320}.workshop .button.secondary{background:#16171099}.workshop .text-link{border-color:#b7986070}.workshop .atmosphere>summary{border-color:#b99a6455;background:#191911ed}.workshop .atmosphere-panel{background:#1b1b12f5}
.workshop .gate-stage{min-height:calc(100dvh - 103px);padding:24px 20px 40px}.workshop .gate-stage .eyebrow{font-size:11px;letter-spacing:.2em}.workshop .gate-stage h1{margin-bottom:26px;font-size:50px}.workshop .doorway{width:min(340px,66vw,42dvh);aspect-ratio:4/5;perspective:1400px}.workshop .doorway::before{inset:-10px;border:7px solid #453a2a;border-image:none;border-radius:2px;box-shadow:inset 0 0 0 1px #ba956055,0 0 0 2px #100f0c,0 20px 42px #0009,0 0 36px #c7953620}.workshop .doorway::after{border-radius:0;background:#100f0c}.workshop .door{width:50%;border:0;border-radius:0;background-image:url('workshop/entrance.png');background-size:200% 100%;background-repeat:no-repeat;box-shadow:inset -2px 0 4px #0008;transition:transform 2s cubic-bezier(.32,.05,.2,1)}.workshop .door-left{background-position:left top}.workshop .door-right{background-position:right top}.workshop .door::before,.workshop .door::after{display:none}.workshop .door-interior{position:absolute;inset:0;background:linear-gradient(#0001,#0004),url('workshop/illustrated-surround.webp') 50% center/cover;z-index:1}.workshop .doorway.is-opening .door-left{transform:rotateY(-104deg)}.workshop .doorway.is-opening .door-right{transform:rotateY(104deg)}.workshop .steam-wisp{opacity:.35}.workshop .gate-cta{margin-top:26px;letter-spacing:.17em}
.workshop-interior{outline:0}.tinker-hero{position:relative;min-height:650px;min-height:min(760px,83dvh);display:flex;align-items:center;background:linear-gradient(90deg,#070a07e8 0%,#0b0c089e 28%,#0b0d0840 58%,transparent 85%),linear-gradient(0deg,#100f0c 0%,transparent 25%),url('workshop/illustrated-surround.webp') center/cover;padding:70px max(6%,calc((100vw - 1200px)/2));isolation:isolate}.tinker-welcome{max-width:490px}.tinker-welcome h2{font-size:clamp(56px,6.2vw,88px);text-shadow:0 3px 25px #000b;margin:18px 0 25px}.tinker-welcome>p:not(.eyebrow){max-width:360px;font-size:16px;color:#f1e3ce;line-height:1.85;text-shadow:0 2px 8px #000}.tinker-welcome .button{margin-top:28px}.tinker-welcome .eyebrow{color:#e4c590}.setting-caption{position:absolute;right:6%;bottom:25px;color:#d0c3a9;font-size:11px;letter-spacing:.06em;text-shadow:0 1px 8px #000}.workbench{padding-top:55px;scroll-margin-top:35px}.workbench-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}.workbench-title h2{font-size:56px}.workbench-title .button{font-size:12px}.workshop-rooms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px}.workshop .room{grid-column:span 2;padding:0;background:linear-gradient(115deg,#261d20,#100f0c);border:1px solid #8d764b66;box-shadow:inset 0 0 0 4px #100f0c,0 12px 32px #0005;position:relative;overflow:hidden}.workshop .room-1,.workshop .room-2{grid-column:span 3}.room-copy{padding:28px 30px 32px}.room-copy h2{font-size:44px}.room-copy .eyebrow{font-size:10px;letter-spacing:.2em;color:#c5a371}.room-copy p{font-size:14px;color:var(--muted)}.room-copy .text-link{font-size:13px;margin-top:20px}.cabinet-image{display:block;padding:10px;background:#100f0c;border-bottom:1px solid #8d764b50}.workshop .cabinet-image img{aspect-ratio:4/3;object-fit:contain;margin:0;background:#100f0c}.drawer-mark{display:inline-block;margin:26px 0 0 30px;padding:3px 18px;border:1px solid #ad8f5966;background:linear-gradient(150deg,#806b3c,#4a3320);box-shadow:inset 0 1px #ddbd8040;font-size:12px;letter-spacing:.15em;color:#edd8b4}.maker-note{text-align:center;margin:45px auto 10px;max-width:560px;font-family:Allura,cursive;font-size:32px;line-height:1.35;color:#c9bc98}
.workshop .workshop-body{margin:48px auto 80px;padding:36px clamp(20px,4vw,55px);border:1px solid #8d764b55;background:linear-gradient(120deg,#201f18f0,#111510f5);box-shadow:inset 0 0 0 5px #100f0c,0 20px 60px #0005}.workshop .gh-cat-hero,.workshop .gh-hero{margin:12px 0 38px}.workshop .gh-cat-hero h1,.workshop .gh-hero h1{color:#edd8b4}.workshop .gh-box{border-top:1px solid #b2925540;padding-top:35px}.workshop .gh-box img,.workshop .gh-trio img,.workshop .gh-pair-images img{background:#100f0c;outline:1px solid #8d764b66;outline-offset:7px}.workshop .gh-note{border-left:2px solid #bd9b64;padding:14px 20px;background:#0b0d0890}.workshop .site-footer{border-color:#8d764b55}.workshop .gh-gallery-label,.workshop .gh-eyebrow{color:#c5a371}
@media(max-width:900px){.workshop-rooms{gap:20px}.room-copy{padding:23px}.workshop .room{grid-column:span 3}.workshop .room:last-child{grid-column:span 6}.tinker-hero{min-height:600px;background-position:60% center}.tinker-welcome{max-width:400px}}
@media(max-width:600px){.tinker-hero{min-height:650px;padding:55px 6% 70px;align-items:flex-end;background-image:linear-gradient(0deg,#100f0c 0%,#100f0cc9 40%,#100f0c20 85%),url('workshop/illustrated-surround.webp');background-position:63% center}.tinker-welcome h2{font-size:60px}.tinker-welcome>p:not(.eyebrow){font-size:15px}.setting-caption{font-size:10px;left:6%;right:auto;bottom:18px}.workbench-title{display:block}.workbench-title h2{font-size:48px}.workbench-title .button{margin-top:18px}.workshop .room,.workshop .room-1,.workshop .room-2,.workshop .room:last-child{grid-column:1/-1}.workshop .workshop-body{width:92%;padding:24px 20px}.workshop .gate-stage h1{font-size:46px}.maker-note{font-size:29px}}

/* Project navigation behaves like a cabinet: open a labeled drawer to reveal its contents. */
.curio-cabinet{display:block;padding:16px;background:linear-gradient(105deg,#4a3320,#20160f 45%,#4a3320);border:1px solid #92734c;box-shadow:inset 0 0 0 5px #100f0c,inset 0 0 0 7px #7f653a44,0 24px 65px #0008}.cabinet-drawer{margin:10px;border:1px solid #95764b66;box-shadow:0 5px 10px #0007,inset 0 1px #d1ad7030;background:#20160f}.cabinet-drawer>summary{min-height:110px;padding:22px 30px;display:flex;align-items:center;gap:24px;cursor:pointer;list-style:none;background:linear-gradient(170deg,#6c492e20,transparent 40%),repeating-linear-gradient(2deg,#20160f 0,#342619 3px,#342619 5px,#342619 8px);border-bottom:1px solid transparent}.cabinet-drawer>summary::-webkit-details-marker{display:none}.cabinet-drawer>summary:hover{filter:brightness(1.12)}.drawer-index{font-size:11px;color:#b3976b;letter-spacing:.13em}.drawer-label{display:flex;flex-direction:column;min-width:210px}.drawer-category{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#bdae87}.drawer-title{font-family:Allura;font-size:38px;line-height:1.2;color:#f0dfbf}.drawer-pull{width:86px;height:26px;border:3px solid #9d7e4a;border-radius:40% 40% 20% 20%;box-shadow:inset 0 3px 5px #000d,0 2px 1px #d6b77566,0 6px 8px #0009;background:linear-gradient(#b6986255,#342619);margin:auto}.drawer-action{font-size:12px;letter-spacing:.06em;color:#decfa8}.drawer-action span{font-size:18px;margin-left:13px}.cabinet-drawer[open]>summary{border-color:#95764b66}.cabinet-drawer[open] .drawer-pull{transform:translateY(3px);box-shadow:inset 0 3px 5px #000d,0 2px 1px #d6b77566,0 9px 10px #000b}.drawer-contents{display:grid;grid-template-columns:1fr 1fr;padding:22px;gap:18px;background:linear-gradient(110deg,#261d20,#100f0c);box-shadow:inset 0 12px 20px #0007;animation:drawer-reveal .35s ease-out}.drawer-contents .room-copy{align-self:center}.drawer-contents h3{font-family:Allura;font-size:43px;margin-bottom:15px}.drawer-contents .room-copy:only-child{grid-column:1/-1}.workshop .drawer-contents .cabinet-image img{max-height:370px}.workshop .cabinet-image{border:1px solid #8d764b55}.tinker-hero{background-image:linear-gradient(90deg,#080e08ed 0%,#0e160bc2 30%,#17201244 63%,transparent),linear-gradient(0deg,#100f0c 0%,transparent 25%),url('workshop/illustrated-surround.webp')}.workshop .stars{opacity:.12}@keyframes drawer-reveal{from{opacity:.3;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.drawer-contents{animation:none}}@media(max-width:700px){.curio-cabinet{padding:7px}.cabinet-drawer{margin:8px}.cabinet-drawer>summary{padding:20px 16px;gap:13px;flex-wrap:wrap}.drawer-label{min-width:0;flex:1}.drawer-title{font-size:34px}.drawer-pull{width:50px;height:20px;margin:0}.drawer-action{width:100%;font-size:11px;text-align:right}.drawer-contents{grid-template-columns:1fr;padding:12px}.drawer-contents .room-copy{padding:15px}.tinker-hero{background-image:linear-gradient(0deg,#100f0c 0%,#101b0edb 45%,#101b0e11 95%),url('workshop/illustrated-surround.webp')}}

.drawer-action span{font-size:12px;margin:0}.drawer-close-label{display:none}.cabinet-drawer[open] .drawer-open-label{display:none}.cabinet-drawer[open] .drawer-close-label{display:inline}

/* Illustrated botanical surround; the realistic entrance leaves stay intact. */
.workshop{--ground:#141a11;background:#141a11}.workshop .cosmos{background:linear-gradient(#11180f22,#11180f66),url('workshop/illustrated-surround.webp') center top/cover no-repeat}.workshop .aurora{background:radial-gradient(ellipse at 50% 0,#b8954230,transparent 65%);height:300px}.workshop .stars{display:none}.tinker-hero{min-height:0;background:none;padding:60px 6% 26px;display:block;text-align:center}.tinker-welcome{max-width:700px;margin:auto}.tinker-welcome h2{font-size:clamp(60px,6vw,82px);margin:16px 0 20px}.tinker-welcome h2 br{display:none}.tinker-welcome h2 br:after{content:' '}.tinker-welcome>p:not(.eyebrow){max-width:570px;margin:auto;font-size:16px}.tinker-welcome .button{margin-top:23px}.setting-caption{display:none}.workbench{padding-top:35px;width:min(1100px,84%)}.workbench-title{margin-bottom:24px}.workbench-title h2{font-size:45px}.workshop .door-interior{background:radial-gradient(ellipse,#a1874833,transparent 65%),url('workshop/illustrated-surround.webp') center/cover}.workshop .workshop-body{background:linear-gradient(120deg,#20261bef,#121b11f5)}@media(max-width:700px){.workshop .cosmos{background-size:auto 100dvh;background-position:center top}.tinker-hero{min-height:0;padding:42px 7% 18px;background:none}.tinker-welcome h2{font-size:55px}.tinker-welcome>p:not(.eyebrow){font-size:15px}.workbench{width:90%;padding-top:24px}.workbench-title h2{font-size:39px}}