:root{--green:#2f4038;--green-deep:#17231e;--cream:#f0e5c7;--cream-bright:#fff8e6;--red:#bd2e25;--gold:#d5a83a;--gold-light:#ffe28a;--black:#101310;--line:rgba(240,229,199,.24);--display:'Abril Fatface',serif;--body:'Jost',sans-serif;--pad:clamp(1.25rem,5vw,5.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green);color:var(--cream);font-family:var(--body);font-size:17px;line-height:1.55;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.012) 50%,transparent 50.2%);background-size:11px 100%;mix-blend-mode:overlay}.grain{position:fixed;z-index:89;inset:-80%;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:grain .23s steps(2) infinite}a{color:inherit}button{font:inherit}.skip-link{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-150%);background:var(--cream-bright);color:var(--green-deep);padding:.7rem 1rem}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--gold-light);outline-offset:4px}.site-header{position:absolute;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.25rem var(--pad);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-family:var(--display);font-size:1.25rem;letter-spacing:.01em}.brand i{color:var(--gold);font-weight:400}.brand svg{width:35px;height:35px}.brand svg path:first-child{fill:var(--gold)}.brand svg path:last-child{stroke:var(--cream);stroke-width:2.5;fill:none}.site-header nav{display:flex;align-items:center;gap:clamp(1rem,2.3vw,2.8rem)}.site-header nav a{font-size:.72rem;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-weight:600;position:relative}.site-header nav a:not(.nav-ticket)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--red);transition:right .3s}.site-header nav a:hover::after{right:0}.site-header .nav-ticket{border:1px solid var(--cream);padding:.75rem 1.05rem;transition:.2s}.site-header .nav-ticket:hover{background:var(--cream);color:var(--green-deep)}
.hero{min-height:100svh;position:relative;padding:clamp(7.5rem,15vh,10.5rem) var(--pad) 4rem;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.74fr);align-items:center;gap:3vw;background:radial-gradient(circle at 82% 33%,rgba(213,168,58,.14),transparent 28%),linear-gradient(135deg,#344c40 0%,var(--green) 43%,#26372f 100%);overflow:hidden}.hero::after{content:"";position:absolute;left:58%;top:0;width:1px;height:100%;background:linear-gradient(transparent,var(--line),transparent)}.workshop-ruler{position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;gap:2.9rem;color:rgba(240,229,199,.45);font-size:.55rem}.workshop-ruler span{width:24px;border-top:1px solid currentColor;padding-top:.25rem;text-align:right}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.67rem;font-weight:700}.eyebrow{display:flex;align-items:center;gap:1.3rem;margin:0 0 1.5rem;color:rgba(240,229,199,.75)}.eyebrow span{color:var(--cream);display:flex;align-items:center;gap:.7rem}.eyebrow span::before{content:"";width:22px;height:5px;background:var(--red);transform:skew(-20deg)}.hero-title{margin:0;max-width:900px}.hero-title svg{display:block;overflow:visible;width:min(67vw,850px)}.hero-title text{font-family:var(--display);font-size:176px;letter-spacing:-5px}.mask-stroke{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200}.stroke-a{stroke-width:94px}.stroke-b{stroke-width:82px}.stroke-c{stroke-width:96px}.is-loaded .mask-stroke{animation:paintStroke 1.25s cubic-bezier(.45,.01,.3,1) forwards}.is-loaded .stroke-b{animation-delay:.28s}.is-loaded .stroke-c{animation-delay:.54s}.pinstripe{fill:none;stroke:var(--red);stroke-width:6;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500}.is-loaded .pinstripe{animation:paintStroke .8s 1.42s ease-out forwards}.hero-bottom{display:flex;align-items:center;gap:clamp(2rem,5vw,5rem);margin-top:-.5rem;padding-left:.75rem}.hero-bottom>p{max-width:390px;font-size:clamp(1rem,1.3vw,1.25rem);color:rgba(240,229,199,.78)}.roundel{width:112px;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;text-align:center;transform:rotate(7deg);transition:.4s;background:rgba(16,24,20,.22)}.roundel span{text-transform:uppercase;font-size:.52rem;letter-spacing:.16em}.roundel b{font-family:var(--display);font-size:2rem;line-height:1;color:var(--gold-light)}.roundel:hover{transform:rotate(-4deg) scale(1.08);background:var(--red);border-color:var(--red)}
.fascia-stack{height:min(66vh,640px);position:relative;z-index:3;perspective:900px}.board{position:absolute;left:50%;width:min(40vw,560px);padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:9px solid #171a17;box-shadow:0 20px 45px rgba(0,0,0,.36),inset 0 0 0 2px rgba(240,229,199,.5);transform-origin:50% 100%}.board span:not(.wet-label){font-family:var(--display);line-height:1}.board i{font-style:normal;text-transform:uppercase;letter-spacing:.2em;font-size:.54rem;margin-top:.6rem}.board-rear{height:22%;top:3%;background:#b69e75;color:#2a241d;transform:translateX(-48%) rotate(4deg)}.board-rear span{font-size:clamp(1.6rem,3vw,3rem)}.board-mid{height:30%;top:27%;background:var(--cream);color:var(--green-deep);transform:translateX(-54%) rotate(-2.5deg);border-color:#6c241e}.board-mid::before,.board-mid::after{content:"";position:absolute;inset:11px;border:2px solid var(--red)}.board-mid::after{inset:16px;border-width:1px}.board-mid span{font-size:clamp(2rem,4vw,4rem)}.board-front{height:33%;bottom:3%;background:var(--red);color:var(--cream-bright);transform:translateX(-42%) rotate(1.6deg);border-color:#171a17;overflow:visible}.board-front span:not(.wet-label){font-size:clamp(1.8rem,3.8vw,3.8rem);text-shadow:4px 4px 0 #681411}.wet-label{position:absolute;top:-17px;right:20px;background:#f1c64b;color:var(--black);font-size:.55rem;font-weight:900;letter-spacing:.15em;padding:.35rem .5rem;transform:rotate(3deg)}.fresh-drip{position:absolute;bottom:-26px;left:72%;height:32px;width:9px;background:var(--red);border-radius:0 0 8px 8px}.mahl-stick{position:absolute;z-index:4;width:6px;height:86%;background:linear-gradient(90deg,#5e3c23,#b08357 40%,#4c2c17);right:6%;top:3%;transform:rotate(13deg);box-shadow:3px 4px 5px rgba(0,0,0,.35)}.mahl-stick i{position:absolute;top:-18px;left:-13px;width:33px;height:37px;background:#e1d7be;border-radius:50%;box-shadow:inset -6px -3px 0 #a99c80}.paint-tin{position:absolute;right:2%;bottom:-4%;width:76px;height:73px;background:linear-gradient(90deg,#aaa,#f4f1df 17%,#a8a8a2 77%,#777);color:#b82019;border:4px solid #7b7b75;text-align:center;font-weight:900;font-size:.8rem;line-height:1;padding-top:18px;transform:rotate(-6deg);box-shadow:0 13px 18px rgba(0,0,0,.3)}.paint-tin::before{content:"";position:absolute;left:-5px;right:-5px;top:-9px;height:13px;border-radius:50%;background:#b9b9ae;border:3px solid #6e6e68}.scroll-mark{position:absolute;z-index:5;bottom:1.1rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.55rem;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.52rem;color:rgba(240,229,199,.55)}.scroll-mark i{height:28px;width:1px;background:var(--red);animation:pull 1.7s ease-in-out infinite}.load-in{opacity:0;transform:translateY(20px)}.is-loaded .load-in{animation:loadIn .7s ease forwards}.is-loaded .fascia-stack{animation-delay:.22s}
.section-pad{position:relative;padding:clamp(5rem,10vw,10rem) var(--pad)}.section-number{position:absolute;left:var(--pad);top:2rem;font-size:.58rem;letter-spacing:.2em;color:rgba(23,35,30,.55)}.section-number.light{color:rgba(240,229,199,.48)}.kicker{color:var(--red);margin:0 0 1.25rem}h2{font-family:var(--display);font-weight:400;letter-spacing:-.025em;font-size:clamp(3.2rem,6.8vw,7.6rem);line-height:.89;margin:0}h2 em{font-weight:400;color:var(--red)}.century{background:var(--cream);color:var(--green-deep);display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;min-height:820px;align-content:center}.century-lead{align-self:start}.century-copy{padding-top:2.8rem}.big-copy{font-family:var(--display);font-size:clamp(1.6rem,2.4vw,2.5rem);line-height:1.25;margin:0 0 2rem}.century-copy>p:not(.big-copy){max-width:560px}.shop-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(23,35,30,.3);margin-top:3rem;padding-top:1.5rem;gap:1rem}.shop-stats div{display:flex;flex-direction:column}.shop-stats dt{font-family:var(--display);font-size:clamp(1.7rem,2.8vw,3rem);color:var(--red)}.shop-stats dd{margin:0;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.day-note{position:absolute;bottom:1.4rem;left:9%;background:var(--green);color:var(--cream);padding:1.2rem 1.6rem;width:min(350px,35vw);transform:rotate(-2deg);box-shadow:10px 12px 0 rgba(23,35,30,.12)}.day-note span,.day-note small{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:.55rem}.day-note strong{font-family:var(--display);display:block;font-size:1.5rem;margin:.25rem 0}.day-note svg{display:block;width:100%;margin-top:.3rem}.day-note path{fill:none;stroke:var(--red);stroke-width:3}
.showcards{background:#18261f;color:var(--cream);overflow:hidden}.showcards::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(240,229,199,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(240,229,199,.025) 1px,transparent 1px);background-size:40px 40px}.section-heading{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:5vw;margin-bottom:5rem}.section-heading .kicker{grid-column:1/-1}.section-heading p:last-child{max-width:390px;color:rgba(240,229,199,.7);margin:0 0 .5rem}.card-easel{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(1rem,2.3vw,2.6rem);align-items:start}.showcard{position:relative;min-height:560px;padding:3.7rem 2rem 2.2rem;text-align:center;overflow:hidden;box-shadow:0 24px 45px rgba(0,0,0,.32);transform:translateY(35px) rotate(var(--tilt));opacity:0;transition:transform .6s,opacity .7s}.showcard.is-visible{transform:translateY(0) rotate(var(--tilt));opacity:1}.showcard:hover,.showcard:focus{transform:translateY(-16px) rotate(0deg);z-index:2}.showcard::before{content:"";position:absolute;inset:12px;border:3px double currentColor;opacity:.7}.showcard p{text-transform:uppercase;letter-spacing:.2em;font-size:.65rem;position:relative}.showcard h3{font-family:var(--display);font-weight:400;line-height:.85;margin:3rem 0 2rem;position:relative}.showcard strong{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.59rem;position:relative}.card-pin{position:absolute;left:1.1rem;top:1rem;font-size:.53rem;letter-spacing:.1em}.pub-card{--tilt:-1.7deg;background:#c9b78c;color:#1e3027;border:9px solid #753022}.pub-card h3{font-size:clamp(4rem,7vw,7.5rem);color:#294237;text-shadow:3px 3px 0 #d0ac41}.card-ornament{display:flex;align-items:center;gap:.5rem;justify-content:center;color:#ab261f;margin-bottom:1.5rem}.card-ornament i{height:1px;width:25%;background:currentColor}.barber-card{--tilt:2deg;background:#ae2b25;color:#fff0cf;border:9px solid #111915;margin-top:4rem}.barber-card h3{font-size:clamp(3.3rem,6vw,6.4rem);text-shadow:4px 4px 0 #111915}.barber-card h3 i{font-weight:400;color:#f0c94d}.barber-flourish{width:90%;margin:.2rem auto 2rem}.barber-flourish path{fill:none;stroke:#101814;stroke-width:5;stroke-dasharray:390;stroke-dashoffset:390}.is-visible .barber-flourish path{animation:paintStroke 1.2s .7s ease forwards}.fair-card{--tilt:-.8deg;background:#e9c64d;color:#181b17;border:9px solid #24433b}.fair-card h3{font-size:clamp(3.2rem,5.5vw,5.8rem);color:#b3241f;text-shadow:3px 3px 0 #f8efd2}.fair-card h3 i{font-size:.45em;color:#17231e;text-shadow:none}.ticket-dots{position:absolute;inset:0;background-image:radial-gradient(#b3241f 1px,transparent 1px);background-size:16px 16px;opacity:.12}.painter-note{position:absolute;z-index:5;left:0;right:0;bottom:0;background:#0f1713;color:var(--cream);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:1rem;transform:translateY(102%);transition:.3s}.showcard:hover .painter-note,.showcard:focus .painter-note{transform:none}
.gilding{background:var(--cream);color:var(--green-deep);display:grid;grid-template-columns:.62fr 1.38fr;gap:7vw;align-items:center;min-height:920px}.gilding-copy p:not(.kicker){max-width:410px}.gild-legend{display:flex;gap:1.5rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;margin-top:2.5rem}.gild-legend span{display:flex;align-items:center;gap:.5rem}.gild-legend i{display:block;width:22px;height:22px;background:#b99a46;border-radius:50%}.gild-legend span:last-child i{background:linear-gradient(135deg,#8d681c,#fff2a6,#c28a21);box-shadow:0 0 12px #e1bd5d}.gild-stage{position:relative}.gild-board{position:relative;width:100%;aspect-ratio:1.55;background:#173229;border:15px solid #111713;box-shadow:0 35px 55px rgba(21,30,25,.28),inset 0 0 0 3px #986622,inset 0 0 0 7px #131814;cursor:none;touch-action:none;overflow:hidden}.gild-board::after{content:"";position:absolute;inset:12px;border:1px solid rgba(213,168,58,.55);pointer-events:none}.gild-board canvas{width:100%;height:100%;display:block}.gild-board>p{position:absolute;bottom:7%;left:0;right:0;text-align:center;margin:0;color:#c89735;text-transform:uppercase;letter-spacing:.28em;font-size:.6rem;pointer-events:none}.gild-tools{position:absolute;z-index:3;right:-1.5rem;top:-3.6rem;display:flex;align-items:flex-end;gap:2rem}.gilder-tip{display:block;width:130px;height:30px;background:repeating-linear-gradient(0deg,#c0b6a0 0 2px,#e2dac4 2px 4px);clip-path:polygon(0 40%,94% 0,100% 20%,92% 100%,0 60%);transform:rotate(-10deg);filter:drop-shadow(3px 5px 3px rgba(0,0,0,.25))}.book-leaf{width:78px;aspect-ratio:1;background:#b98223;color:#fff2b3;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display);font-size:1.5rem;box-shadow:5px 7px 0 #6d4b17;transform:rotate(5deg)}.book-leaf small{font-family:var(--body);font-size:.4rem;letter-spacing:.1em}.burnish-cursor{position:absolute;width:72px;height:72px;border:1px solid #ffe68a;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;mix-blend-mode:screen}.burnish-cursor::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.42);border-radius:50%}.burnish-cursor span{position:absolute;left:50%;top:-25px;width:3px;height:105px;background:linear-gradient(#8c5024,#d9a46b);transform:rotate(38deg);transform-origin:bottom}.gild-board:hover .burnish-cursor{opacity:1}.leaf-flutter{position:absolute;inset:0;pointer-events:none}.leaf{position:absolute;top:-20%;width:28px;height:34px;background:linear-gradient(135deg,#a87520,#ffe995,#bd8524);opacity:0;box-shadow:0 0 7px #f8d66a;animation:leafFall 1.8s ease-in forwards}.gild-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.gild-controls p{font-family:var(--display);color:#9a6e1d}.gild-controls button,.start-ticket{border:0;border-bottom:2px solid currentColor;background:none;color:var(--red);padding:.7rem .1rem;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.gild-controls button:hover,.start-ticket:hover{color:var(--green-deep)}
.brushes{background:#263a31;color:var(--cream);overflow:hidden}.brush-intro{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:6vw}.brush-intro .kicker{grid-column:1/-1}.brush-intro p:last-child{max-width:410px;color:rgba(240,229,199,.7)}.brush-lineup{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:5rem;align-items:end}.brush{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 .5rem 1.2rem;border-bottom:1px solid rgba(240,229,199,.2);min-width:0;text-align:left;transition:.3s}.brush:hover,.brush.active{border-bottom-color:var(--red);transform:translateY(-9px)}.brush-visual{height:360px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;filter:drop-shadow(7px 10px 5px rgba(0,0,0,.25))}.brush-visual i{display:block}.handle{width:clamp(12px,1.5vw,20px);height:250px;border-radius:80% 30% 10% 10%;background:linear-gradient(90deg,#542d18,#b8773b 32%,#6b361a 70%,#2e170e)}.h2{height:220px;background:linear-gradient(90deg,#171d18,#5a665e 40%,#1b211c)}.h3{height:180px;background:linear-gradient(90deg,#6d401d,#d0a45e 45%,#5b351b)}.h4{height:270px;width:13px;background:linear-gradient(90deg,#1b1713,#6c5542 48%,#1a1511)}.h5{height:230px;width:25px;background:linear-gradient(90deg,#472613,#cb7c31 45%,#4b2814)}.h6{height:195px;width:11px;background:linear-gradient(90deg,#bd2320,#e5523f 45%,#781714)}.ferrule{width:28px;height:38px;background:linear-gradient(90deg,#64645e,#d5d3c6 40%,#6c6b65);border-radius:2px}.bristles{width:34px;height:55px;background:linear-gradient(90deg,#151814,#9b8668 48%,#141713);clip-path:polygon(7% 0,93% 0,80% 100%,20% 100%)}.b2{height:70px;width:29px;clip-path:polygon(0 0,100% 0,55% 100%,35% 100%)}.b3{width:55px;height:46px;border-radius:0 0 50% 50%;clip-path:none}.b4{width:34px;height:90px;clip-path:polygon(20% 0,80% 0,100% 100%,45% 75%)}.b5{width:47px;height:65px}.b6{width:20px;height:72px;clip-path:polygon(0 0,100% 0,68% 100%,34% 100%)}.brush strong,.brush small{display:block}.brush strong{font-family:var(--display);font-weight:400;font-size:clamp(.9rem,1.4vw,1.3rem);margin-top:1rem}.brush small{font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(240,229,199,.55)}.brush-letter{display:flex;align-items:center;gap:2rem;max-width:540px;margin:4rem auto 0;padding-top:1.5rem;border-top:1px solid var(--line)}.brush-letter span{font-family:var(--display);font-size:5rem;color:var(--red);line-height:1}.brush-letter p{font-size:.86rem;color:rgba(240,229,199,.7)}
.tickets{background:#e1d3af;color:var(--green-deep);min-height:890px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center;overflow:hidden}.ticket-copy p:not(.kicker){max-width:430px}.start-ticket{margin-top:1rem}.ticket-machine{position:relative;min-width:0}.ticket-timer{text-align:right;margin:0 5% 1rem}.ticket-timer span{font-family:var(--display);font-size:2rem;color:var(--red)}.ticket-timer small{display:block;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase}.market-ticket{position:relative;z-index:2;aspect-ratio:1.42;background:#f7e7b9;color:#14211b;padding:3rem;border:2px solid #b8a06d;box-shadow:18px 22px 0 #b72d25,28px 32px 0 #294237;transform:rotate(-2deg);overflow:hidden}.market-ticket::before{content:"";position:absolute;inset:13px;border:4px double #b72d25;pointer-events:none}.ticket-kicker{display:block;text-transform:uppercase;text-align:center;letter-spacing:.2em;font-size:.65rem}.market-ticket>strong{display:block;font-family:var(--display);font-size:clamp(3.4rem,7.5vw,8rem);line-height:1.05;text-align:center;margin:5% 0 0;transform:scaleX(.9);opacity:.16;background:linear-gradient(90deg,#b72d25 0 50%,transparent 50%);background-size:200% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent}.market-ticket.painting>strong{animation:ticketPaint 1.6s steps(8) forwards}.market-ticket>div{display:flex;align-items:flex-end;justify-content:center;gap:.4rem}.market-ticket b{font-family:var(--display);font-size:clamp(3rem,6vw,6rem);line-height:.9}.market-ticket i{font-style:normal;font-weight:800}.market-ticket>small{display:block;text-align:center;text-transform:uppercase;letter-spacing:.15em;font-size:.55rem;margin-top:6%}.ticket-stack{position:absolute;z-index:0;inset:12% -10% -10% 10%;background:repeating-linear-gradient(4deg,#bcae88 0 2px,#e8d9b2 2px 9px);transform:rotate(5deg);box-shadow:0 30px 40px rgba(0,0,0,.22)}
.commission{background:#17251e;color:var(--cream);display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;min-height:760px}.commission-panel>p:not(.kicker){max-width:550px;color:rgba(240,229,199,.72);font-size:1.1rem}.enquire{display:flex;justify-content:space-between;align-items:center;width:min(440px,100%);margin-top:2rem;padding:1.2rem 0;border-top:1px solid var(--red);border-bottom:1px solid var(--red);text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.enquire i{font-family:var(--display);font-size:2rem;color:var(--gold);font-style:normal;transition:.3s}.enquire:hover i{transform:translate(8px,-8px)}.shop-card{background:var(--cream);color:var(--green-deep);padding:3.5rem;transform:rotate(2.5deg);box-shadow:18px 18px 0 var(--red);position:relative}.shop-card::before{content:"";position:absolute;inset:14px;border:2px solid var(--green)}.shop-card>span{font-size:.58rem;letter-spacing:.17em}.shop-card strong{font-family:var(--display);font-size:clamp(2.5rem,4vw,4.5rem);display:block;margin:2rem 0}.shop-card strong i{font-style:normal;color:var(--red)}.shop-card p{font-size:.9rem}.shop-card small{display:block;margin-top:2.5rem;font-style:italic}
footer{min-height:210px;background:#0e1612;color:rgba(240,229,199,.72);padding:3rem var(--pad);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;border-top:1px solid rgba(240,229,199,.12);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.footer-mark{width:72px;height:72px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:1.5rem;color:var(--cream);transform:rotate(-8deg)}.footer-mark span{color:var(--red)}footer nav{display:flex;gap:2rem;flex-wrap:wrap}footer a{text-decoration:none}footer a:hover{color:var(--gold-light)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}
@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(-3%,-1%)}}@keyframes paintStroke{to{stroke-dashoffset:0}}@keyframes loadIn{to{opacity:1;transform:none}}@keyframes pull{0%,100%{transform:scaleY(.25);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}@keyframes leafFall{0%{opacity:0;transform:translateY(-30px) rotateY(0) rotate(0)}15%{opacity:.88}100%{opacity:0;transform:translate(var(--drift),420px) rotateY(620deg) rotate(180deg)}}@keyframes ticketPaint{0%{opacity:.28;background-position:100% 0}100%{opacity:1;background-position:0 0}}
@media(max-width:1000px){.site-header nav a:not(.nav-ticket){display:none}.hero{grid-template-columns:1fr .75fr}.hero-title svg{width:72vw}.fascia-stack{height:520px}.section-heading{grid-template-columns:1fr}.card-easel{gap:1rem}.showcard{min-height:490px;padding-inline:1rem}.gilding{grid-template-columns:1fr}.gilding-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}.gilding-copy .kicker,.gilding-copy h2{grid-column:1}.gilding-copy p:not(.kicker),.gild-legend{grid-column:2}.gilding-copy p:not(.kicker){grid-row:2}.gild-legend{grid-row:3}.gild-stage{max-width:760px;margin:auto}.brush-lineup{grid-template-columns:repeat(3,1fr);row-gap:3rem}.brush-visual{height:280px}.handle{height:180px}.h2,.h5{height:155px}.h3,.h6{height:140px}.h4{height:200px}.tickets{gap:4vw}.market-ticket{padding:2.3rem}}
@media(max-width:650px){body{font-size:16px}.site-header{padding-top:1rem;padding-bottom:1rem}.brand span{font-size:1rem}.site-header nav{gap:.5rem}.site-header .nav-ticket{min-height:44px;display:grid;place-items:center;padding:.5rem .7rem;font-size:.58rem}.hero{min-height:1000px;display:block;padding-top:7rem}.hero::after{display:none}.eyebrow{font-size:.54rem;gap:.65rem;flex-wrap:wrap}.hero-title svg{width:116%;margin-left:-6%;margin-top:1rem}.hero-title text{font-size:164px;letter-spacing:-5px}.hero-bottom{align-items:flex-start;gap:1rem;margin-top:-.8rem;padding:0}.hero-bottom>p{font-size:.94rem;max-width:240px}.roundel{width:92px;flex:none}.fascia-stack{height:440px;margin-top:3.2rem}.board{width:89vw}.board-rear{transform:translateX(-49%) rotate(3deg)}.board-mid{transform:translateX(-52%) rotate(-2deg)}.board-front{transform:translateX(-47%) rotate(1deg)}.board-front span:not(.wet-label){font-size:2.25rem}.mahl-stick{right:1%;height:80%}.paint-tin{right:-3%;bottom:-1%;transform:scale(.82) rotate(-6deg)}.scroll-mark{display:none}.section-pad{padding-top:5.5rem;padding-bottom:5.5rem}.section-number{top:1.25rem}h2{font-size:clamp(3.2rem,16vw,5rem)}.century{display:block;min-height:0}.century-copy{padding-top:2.5rem}.shop-stats{gap:.5rem}.shop-stats dt{font-size:1.8rem}.shop-stats dd{font-size:.52rem}.day-note{position:relative;left:auto;bottom:auto;width:94%;margin:3.5rem auto 0}.section-heading{margin-bottom:3rem}.section-heading p:last-child{margin-top:1rem}.card-easel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--pad) * -1);padding:1rem var(--pad) 2.5rem;gap:1rem}.showcard{flex:0 0 83vw;scroll-snap-align:center;min-height:510px}.barber-card{margin-top:0}.pub-card h3,.barber-card h3,.fair-card h3{font-size:4.4rem}.gilding{display:block;min-height:0}.gilding-copy{display:block}.gild-legend{margin-bottom:4.5rem}.gild-board{border-width:9px;aspect-ratio:1.18}.gild-tools{top:-3.3rem;right:0}.gilder-tip{width:90px}.book-leaf{width:61px}.gild-board>p{font-size:.45rem;letter-spacing:.14em}.burnish-cursor{display:none}.gild-controls{align-items:flex-start;gap:1rem}.gild-controls button{max-width:170px;text-align:right;min-height:44px}.brush-intro{display:block}.brush-intro p:last-child{margin-top:1.5rem}.brush-lineup{grid-template-columns:repeat(2,1fr);margin-top:2.5rem}.brush-visual{height:225px}.handle{height:125px}.h2,.h5{height:115px}.h3,.h6{height:105px}.h4{height:145px}.brush{min-height:44px}.brush strong{font-size:1rem}.brush-letter{margin-top:2.5rem}.tickets{display:block;min-height:0}.ticket-machine{margin-top:4rem}.market-ticket{padding:2rem 1.2rem;aspect-ratio:1.1}.market-ticket>strong{font-size:3.3rem;margin-top:11%}.market-ticket b{font-size:3.2rem}.ticket-stack{right:-20%}.commission{display:block;min-height:0}.shop-card{margin:5rem auto 0;width:94%;padding:3rem 2rem}.shop-card strong{font-size:2.7rem}footer{grid-template-columns:1fr;text-align:center;justify-items:center}footer nav{justify-content:center;gap:1.1rem 1.6rem}.footer-mark{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain{animation:none}.load-in,.reveal,.showcard{opacity:1;transform:none;transition:none}.mask-stroke,.pinstripe,.barber-flourish path{stroke-dashoffset:0!important;animation:none!important}.leaf{display:none}.scroll-mark i{animation:none}.market-ticket.painting>strong{animation:none;opacity:1;background-position:0}.is-loaded .load-in{animation:none}}

/* Workshop guide */
.guide-page{background:#17231e}.guide-header{position:absolute}.guide-header .back-link{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;text-decoration:none;border:1px solid var(--cream);padding:.75rem 1rem;min-height:44px;display:grid;place-items:center}.guide-main{background:var(--cream);color:var(--green-deep)}.guide-hero{position:relative;min-height:700px;padding:clamp(9rem,18vh,13rem) var(--pad) 6rem;background:radial-gradient(circle at 80% 44%,rgba(213,168,58,.16),transparent 28%),var(--green);color:var(--cream);overflow:hidden}.guide-hero::after{content:"";position:absolute;right:9%;top:18%;width:min(34vw,480px);aspect-ratio:1;border:1px solid rgba(240,229,199,.14);border-radius:50%;box-shadow:0 0 0 45px rgba(240,229,199,.025),0 0 0 90px rgba(240,229,199,.02)}.guide-hero h1{position:relative;z-index:2;font-family:var(--display);font-size:clamp(4.8rem,10vw,10rem);font-weight:400;line-height:.82;letter-spacing:-.035em;margin:2.5rem 0 2rem}.guide-hero h1 em{font-style:normal;color:var(--gold)}.guide-deck{position:relative;z-index:2;max-width:490px;margin-left:38%;color:rgba(240,229,199,.72);font-size:1.1rem}.guide-brush{position:absolute;right:7%;bottom:7%;z-index:2;width:330px;height:38px;background:linear-gradient(#2b170e,#b8783e,#3a1e11);transform:rotate(-16deg);border-radius:60% 12% 12% 60%;box-shadow:8px 12px 12px rgba(0,0,0,.3)}.guide-brush i{position:absolute;right:-44px;top:-8px;width:58px;height:54px;background:linear-gradient(90deg,#666,#d6d1c5,#696863);clip-path:polygon(0 10%,100% 0,100% 100%,0 90%)}.guide-brush span{position:absolute;right:-114px;top:-5px;width:74px;height:49px;background:linear-gradient(#171914,#9a8668,#191b16);clip-path:polygon(0 0,100% 22%,88% 76%,0 100%)}.guide-article{padding:6rem var(--pad) 9rem;max-width:1280px;margin:auto}.guide-article section{display:grid;grid-template-columns:110px minmax(0,780px);justify-content:center;gap:3rem;padding:4.5rem 0;border-top:1px solid rgba(23,35,30,.22)}.guide-article section:nth-child(even){transform:translateX(4vw)}.guide-no{font-family:var(--display);font-size:2.2rem;color:var(--red)}.guide-article h2{font-size:clamp(2.5rem,4vw,4.5rem);margin-bottom:1.5rem}.guide-article p{font-size:1.05rem;line-height:1.75;margin:0}.guide-article code{font-family:var(--body);font-weight:650;color:#8b231e;background:rgba(189,46,37,.08);padding:.05em .24em}.swatches{display:flex;margin-top:2rem}.swatches i{display:block;width:64px;height:64px;background:var(--sw);border:1px solid rgba(0,0,0,.18);border-radius:50%;margin-right:-10px;box-shadow:2px 3px 5px rgba(0,0,0,.12)}
@media(max-width:650px){.guide-header .brand span{display:none}.guide-header .back-link{font-size:.54rem}.guide-hero{min-height:660px;padding-top:8.5rem}.guide-hero h1{font-size:20vw;margin-top:4rem}.guide-deck{margin:3rem 0 0;max-width:85%}.guide-brush{width:230px;right:12%;bottom:9%}.guide-article{padding-top:3rem}.guide-article section{grid-template-columns:1fr;gap:1rem;padding:3rem 0}.guide-article section:nth-child(even){transform:none}.guide-no{font-size:1.4rem}.guide-article p{font-size:.98rem}.swatches i{width:50px;height:50px}}

/* Pass 1 refinements */
.card-ornament{gap:.7rem}.card-ornament span{width:9px;height:9px;background:currentColor;transform:rotate(45deg);box-shadow:0 0 0 3px #c9b78c,0 0 0 4px currentColor}
.brush-lineup{position:relative}.brush-lineup::before{content:"";position:absolute;z-index:0;left:-2rem;right:-2rem;top:350px;height:13px;border-radius:3px;background:linear-gradient(#916039,#3b2415 55%,#1b120c);box-shadow:0 10px 18px rgba(0,0,0,.32),inset 0 2px rgba(255,219,164,.35)}.brush{position:relative;z-index:1;border-bottom-color:rgba(240,229,199,.3)}.brush small{color:rgba(240,229,199,.78)}
.footer-mark{display:flex;align-items:center;justify-content:center;gap:.12em}
.guide-hero::before{content:"3 OZ / BRUSH PRESSURE";position:absolute;z-index:1;right:16.5%;top:44%;color:rgba(240,229,199,.44);font-size:.55rem;font-weight:700;letter-spacing:.18em;transform:rotate(90deg)}
.guide-article{padding-bottom:5rem}
@media(max-width:1000px) and (min-width:651px){.hero{align-items:start;padding-top:10rem}.hero-title svg{width:60vw}.brush-lineup::before{top:270px}.shop-card strong{font-size:2.5rem;white-space:nowrap}.guide-hero{padding-top:9.5rem}}
@media(max-width:650px){.section-heading p:last-child::after{content:"Swipe the rack →";display:block;margin-top:1rem;color:var(--gold-light);font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.brush-lineup::before{top:215px;left:-1rem;right:-1rem;height:10px}.handle{width:18px}.ferrule{width:32px}.guide-brush{width:170px;right:34%;bottom:9%}.guide-hero::before{right:7%;top:30%;font-size:.45rem}}

/* Pass 2 — external critique */
html{color-scheme:dark;scroll-padding-top:5rem}
body{background:#22342c;color:#f4e9c9;-webkit-tap-highlight-color:rgba(213,168,58,.18)}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
section[id]{scroll-margin-top:1rem}
a,button{touch-action:manipulation}
.mobile-workshop-nav{display:none}

/* A dense workshop wall rather than an empty gradient field. */
.hero{background:
radial-gradient(ellipse at 82% 24%,rgba(255,218,124,.17),transparent 24%),
radial-gradient(ellipse at 17% 78%,rgba(13,20,17,.24),transparent 34%),
linear-gradient(101deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/14.2vw 100%,
linear-gradient(142deg,#314b3e 0%,#2b4036 44%,#21342b 100%)}
.hero::before{content:"";position:absolute;z-index:1;left:0;right:0;bottom:7.4rem;height:18px;background:linear-gradient(#8e5b32,#3a2517 46%,#130e09);box-shadow:0 20px 34px rgba(0,0,0,.34),inset 0 2px rgba(255,222,169,.28)}
.hero-title svg{width:min(68vw,900px)}
.hero-title text{font-size:182px;letter-spacing:-6px}
.mask-stroke{stroke-width:310px;stroke-dasharray:1520;stroke-dashoffset:1520}
.is-loaded .mask-stroke{animation:paintStroke 1.55s cubic-bezier(.62,.04,.16,1) .14s forwards}
.dry-brush{fill:none;stroke:rgba(255,255,255,.24);stroke-width:3;stroke-linecap:round;stroke-dasharray:4 14;opacity:0}
.is-loaded .dry-brush{animation:dryTrace .65s 1.33s ease-out forwards}
.is-loaded .pinstripe{animation:paintStroke .92s 1.48s cubic-bezier(.2,.76,.24,1) forwards}
.hero-bottom>p{color:#dfd4b7;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.62}
.roundel{background:rgba(9,16,13,.42);box-shadow:0 10px 30px rgba(0,0,0,.2),inset 0 0 0 5px rgba(213,168,58,.06)}
.shop-blind{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:3.05rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;color:rgba(240,229,199,.58);font-size:.48rem;font-weight:650;text-transform:uppercase;letter-spacing:.16em}
.shop-blind span:nth-child(2){text-align:center}.shop-blind span:last-child{text-align:right}
.scroll-mark{bottom:.42rem;color:rgba(240,229,199,.64)}
.board{box-shadow:0 24px 40px rgba(0,0,0,.42),inset 0 0 0 2px rgba(240,229,199,.52);transition:transform .55s cubic-bezier(.2,.76,.22,1),filter .55s}
.fascia-stack:hover .board-rear{transform:translateX(-52%) translateY(-8px) rotate(2.5deg)}
.fascia-stack:hover .board-mid{transform:translateX(-56%) translateY(-2px) rotate(-1deg)}
.fascia-stack:hover .board-front{transform:translateX(-39%) translateY(8px) rotate(2.6deg)}
.fresh-drip{animation:dripBreathe 3.8s cubic-bezier(.5,0,.3,1) infinite;transform-origin:top}

/* Content never disappears in full-page captures; motion adds depth without gating meaning. */
.reveal{opacity:1;transform:translateY(18px);transition:transform .8s cubic-bezier(.18,.78,.18,1)}
.reveal.is-visible{transform:none}
.showcard{opacity:1;transform:translateY(22px) rotate(var(--tilt));transition:transform .62s cubic-bezier(.18,.78,.18,1),box-shadow .62s}
.showcard.is-visible{transform:translateY(0) rotate(var(--tilt))}
.section-pad{padding-top:clamp(6rem,9vw,9rem);padding-bottom:clamp(6rem,9vw,9rem)}
.section-number{font-variant-numeric:tabular-nums}
h2{font-size:clamp(3.35rem,6.35vw,7.15rem);line-height:.86;letter-spacing:-.033em}
h2>span{position:relative}
h2>span::after{content:"";position:absolute;left:1%;right:-2%;bottom:.08em;height:.055em;background:currentColor;opacity:.16;transform:skewX(-22deg)}
.kicker{letter-spacing:.23em}

/* Paper sections carry sizing stains, pounce dust and registration marks. */
.century,.gilding,.tickets,.guide-main{background:
radial-gradient(circle at 16% 23%,rgba(189,46,37,.055) 0 2px,transparent 3px),
radial-gradient(circle at 77% 68%,rgba(213,168,58,.1),transparent 30%),
linear-gradient(90deg,rgba(111,87,40,.025) 1px,transparent 1px),
#f1e4c2;background-size:83px 83px,auto,27px 100%,auto}
.century{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:9vw;min-height:760px;overflow:hidden}
.century-lead{position:relative}
.chalk-pounce{position:absolute;width:min(580px,47vw);height:150px;left:4%;bottom:-11.5rem;transform:rotate(-4deg);border-top:2px dashed rgba(189,46,37,.34);border-radius:50%}
.chalk-pounce i{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(189,46,37,.56)}
.chalk-pounce i:nth-child(1){left:4%;top:5px}.chalk-pounce i:nth-child(2){left:18%;top:-2px}.chalk-pounce i:nth-child(3){left:33%;top:-9px}.chalk-pounce i:nth-child(4){left:48%;top:-13px}.chalk-pounce i:nth-child(5){left:63%;top:-10px}.chalk-pounce i:nth-child(6){left:76%;top:-2px}.chalk-pounce i:nth-child(7){left:89%;top:8px}.chalk-pounce i:nth-child(8){left:98%;top:21px}
.day-note{bottom:2.2rem;left:11%;width:min(380px,36vw);border-left:5px solid var(--red);box-shadow:13px 15px 0 rgba(23,35,30,.12)}
.shop-stats dt{font-variant-numeric:tabular-nums}

/* Showcards behave like an uneven fascia rack, not a three-card component. */
.showcards{background:
linear-gradient(rgba(240,229,199,.027) 1px,transparent 1px),
linear-gradient(90deg,rgba(240,229,199,.027) 1px,transparent 1px),
radial-gradient(circle at 70% 12%,rgba(213,168,58,.1),transparent 31%),#14231d;background-size:42px 42px,42px 42px,auto,auto}
.showcards .kicker,.brushes .kicker,.commission .kicker{color:#ff6b5c}
.section-heading{grid-template-columns:1.17fr .83fr;margin-bottom:6.5rem}
.card-easel{grid-template-columns:1.07fr .92fr 1.14fr;gap:clamp(1.2rem,2.8vw,3.2rem);align-items:start;padding:0 1.2vw 2rem}
.card-easel::before{content:"";position:absolute;z-index:0;left:-5%;right:-5%;bottom:-1.6rem;height:22px;background:linear-gradient(#a26b3e,#452b1a 53%,#17100b);box-shadow:0 22px 38px rgba(0,0,0,.5),inset 0 2px rgba(255,220,164,.35)}
.showcard{z-index:1;min-height:600px;padding-top:4.5rem}
.pub-card{transform-origin:80% 100%}.barber-card{margin-top:-1.8rem;min-height:675px;z-index:2}.fair-card{margin-top:3.5rem;transform-origin:15% 100%}
.showcard:hover,.showcard:focus-visible{transform:translateY(-20px) rotate(0);box-shadow:0 36px 65px rgba(0,0,0,.46)}
.showcard h3{letter-spacing:-.035em}
.painter-note{display:grid;gap:.18rem;text-align:left;padding:1rem 1.25rem;transform:translateY(calc(100% - 8px));transition:transform .36s cubic-bezier(.2,.75,.2,1)}
.painter-note b{font-family:var(--display);font-size:1.05rem;text-transform:none;letter-spacing:.01em;color:var(--gold-light)}
.painter-note span{font-size:.52rem}
.showcard:hover .painter-note,.showcard:focus-visible .painter-note{transform:none}

/* The gilding bench gets the strongest pool of light and honest completion data. */
.gilding{grid-template-columns:.55fr 1.45fr;gap:6vw;min-height:900px}
.gild-stage::before{content:"BURNISHING STONE / AGATE No. 4";position:absolute;left:-1.4rem;top:18%;writing-mode:vertical-rl;color:rgba(23,35,30,.46);font-size:.48rem;font-weight:700;letter-spacing:.18em}
.gild-board{border-width:18px;box-shadow:0 38px 62px rgba(21,30,25,.31),0 0 80px rgba(213,168,58,.16),inset 0 0 0 3px #986622,inset 0 0 0 7px #131814}
.gild-board:active{cursor:grabbing}
.gild-controls{margin-top:1.15rem;gap:2rem}
.gild-readout{min-width:190px}
.gild-readout p{margin:.2rem 0 .45rem;font-variant-numeric:tabular-nums}
.gild-progress{height:3px;background:rgba(23,35,30,.18);overflow:hidden}
.gild-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#9d741c,#f2cb59);transition:width .2s ease-out}
.gild-controls button{min-height:44px}
.leaf{clip-path:polygon(2% 8%,93% 0,100% 89%,12% 100%)}

/* Brush rack gains labels, an active enamel mark and less product-grid symmetry. */
.brushes{background:radial-gradient(circle at 50% 100%,rgba(0,0,0,.25),transparent 45%),linear-gradient(115deg,#294137,#21362d 65%,#1d3028)}
.brush-lineup{column-gap:clamp(.5rem,1.4vw,1.6rem)}
.brush{padding-inline:.7rem;transition:transform .35s cubic-bezier(.2,.75,.2,1),border-color .35s,background-color .35s}
.brush.active{background:linear-gradient(transparent 72%,rgba(189,46,37,.13));border-bottom-width:3px}
.brush:focus-visible{outline-offset:1px}
.brush strong{line-height:1.05}.brush small{line-height:1.35;margin-top:.35rem}
.brush-letter{max-width:650px;border-top-color:rgba(240,229,199,.24)}

/* Speed-writing lore reads as a working demo, not an empty beige band. */
.tickets{grid-template-columns:.72fr 1.28fr;gap:8vw;min-height:850px}
.ticket-copy blockquote{margin:2rem 0 1.4rem;padding:1rem 0 1rem 1.4rem;border-left:4px solid var(--red);font-family:var(--display);font-size:1.2rem;line-height:1.3;color:#3c4b43}
.ticket-copy cite{display:block;margin-top:.65rem;font-family:var(--body);font-style:normal;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#8b312b}
.market-ticket{box-shadow:18px 22px 0 #b72d25,28px 32px 0 #294237,0 35px 60px rgba(72,55,25,.23)}
.ticket-timer span{font-variant-numeric:tabular-nums}

/* Order book treatment: a proper docket with lead-time evidence. */
.commission{background:
linear-gradient(90deg,transparent 0 49.9%,rgba(240,229,199,.05) 50%,transparent 50.1%),
radial-gradient(circle at 12% 82%,rgba(213,168,58,.08),transparent 30%),#13231c;min-height:790px}
.commission::after{content:"ORDER BOOK / JUL—SEP 2026";position:absolute;right:1rem;top:50%;writing-mode:vertical-rl;font-size:.48rem;font-weight:700;letter-spacing:.2em;color:rgba(240,229,199,.35)}
.lead-time{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.1rem 2rem;max-width:520px;margin:2rem 0;border-top:1px solid rgba(240,229,199,.22);padding-top:1rem}
.lead-time span,.lead-time small{text-transform:uppercase;letter-spacing:.14em;font-size:.55rem}.lead-time strong{grid-row:1/3;grid-column:2;font-family:var(--display);font-size:2.2rem;color:var(--gold-light);font-variant-numeric:tabular-nums}.lead-time small{color:rgba(240,229,199,.6)}
.shop-card{transform:rotate(1.5deg);box-shadow:13px 13px 0 #b62b24,25px 25px 0 rgba(213,168,58,.22)}
.shop-card::after{content:"PAID / PATTERN DEPOSIT";position:absolute;right:2.5rem;top:1.8rem;border:2px solid rgba(189,46,37,.52);color:rgba(189,46,37,.64);padding:.3rem .5rem;font-size:.45rem;font-weight:800;letter-spacing:.13em;transform:rotate(7deg)}

footer a{min-height:44px;display:inline-flex;align-items:center}

@keyframes dryTrace{to{opacity:1}}
@keyframes dripBreathe{0%,72%,100%{transform:scaleY(.75)}82%{transform:scaleY(1.1)}}

@media(max-width:1000px) and (min-width:651px){
.hero{padding-top:8.4rem;align-items:center;grid-template-columns:.92fr 1.08fr}.hero-title svg{width:61vw}.hero-copy{align-self:center}.fascia-stack{height:510px;align-self:start;margin-top:2rem}.shop-blind{bottom:3.4rem}.hero::before{bottom:7.5rem}
.century{min-height:780px;gap:5vw}.day-note{left:5%}
.showcard{min-height:500px}.barber-card{min-height:560px}.pub-card h3,.barber-card h3,.fair-card h3{font-size:clamp(3rem,6vw,5rem)}
.gilding{grid-template-columns:1fr;gap:5rem}.gild-stage{width:100%}
.brush-lineup{row-gap:3.5rem}.commission{gap:5vw}
}

@media(max-width:650px){
.site-header{z-index:40;background:rgba(28,45,37,.94);backdrop-filter:blur(8px)}
.mobile-workshop-nav{position:absolute;z-index:39;top:76px;left:0;right:0;display:flex;overflow-x:auto;background:#17271f;border-bottom:1px solid rgba(240,229,199,.16);scrollbar-width:none;padding-inline:.5rem}
.mobile-workshop-nav::-webkit-scrollbar{display:none}.mobile-workshop-nav a{min-height:46px;display:grid;place-items:center;flex:1 0 auto;padding:0 .7rem;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.52rem;font-weight:700;color:#e7dbba}
.hero{min-height:1060px;padding-top:9.25rem;background:radial-gradient(circle at 80% 21%,rgba(255,218,124,.13),transparent 24%),linear-gradient(142deg,#314b3e,#20332a)}
.hero-title svg{width:116%;margin-left:-3%;margin-top:.7rem}.hero-title text{font-size:172px}.mask-stroke{stroke-width:320px}
.hero-bottom>p{font-size:.93rem;max-width:228px}.roundel{width:90px}.fascia-stack{margin-top:2.6rem}
.shop-blind{display:none}.hero::before{bottom:1rem}.fascia-stack:hover .board-rear{transform:translateX(-49%) rotate(3deg)}.fascia-stack:hover .board-mid{transform:translateX(-52%) rotate(-2deg)}.fascia-stack:hover .board-front{transform:translateX(-47%) rotate(1deg)}
.section-pad{padding-top:5.8rem;padding-bottom:5.8rem}h2{font-size:clamp(3.1rem,15.5vw,4.6rem)}
.century{background-size:73px 73px,auto,22px 100%,auto}.chalk-pounce{position:relative;left:0;bottom:auto;width:100%;height:70px;margin-top:2.5rem}.day-note{width:92%;margin-top:2rem}
.section-heading{margin-bottom:2.4rem}.section-heading p:last-child::after{content:"Swipe the fascia rack →"}
.card-easel{padding-bottom:3.6rem}.card-easel::before{left:-5rem;right:-5rem;bottom:1.25rem;height:17px}.showcard{flex-basis:86vw;min-height:520px;padding-top:3.9rem}.barber-card,.fair-card{margin-top:0;min-height:520px}.painter-note{transform:none}.painter-note b{font-size:.95rem}
.gild-legend{margin-bottom:4.8rem}.gild-stage::before{display:none}.gild-board{border-width:10px;aspect-ratio:1.2}.gild-controls{align-items:center}.gild-readout{min-width:130px}.gild-controls button{max-width:155px}
.brush-lineup{row-gap:2rem}.brush{padding-inline:.4rem}.brush strong{font-size:.96rem}.brush-letter{gap:1.1rem}.brush-letter span{font-size:4.2rem}
.ticket-copy blockquote{font-size:1.05rem}.market-ticket{aspect-ratio:1.05}.ticket-machine{margin-top:3.2rem}
.commission::after{display:none}.commission-panel h2{font-size:clamp(3.2rem,15vw,4.35rem)}.lead-time{grid-template-columns:1fr auto;gap:0 1rem}.lead-time strong{font-size:1.8rem}.shop-card{margin-top:4rem}.shop-card::after{right:1.7rem;top:1.4rem;max-width:90px;text-align:center}
footer{padding-top:2.5rem;padding-bottom:2.5rem}footer nav a{min-height:44px}
}

@media(prefers-reduced-motion:reduce){
.reveal,.showcard{transform:none}.fresh-drip{animation:none}.board{transition:none}.gild-progress i{transition:none}
}

/* Guide: a pinned workshop specification with live material samples. */
.guide-page{background:#0e1813}
.guide-hero{min-height:760px;padding-bottom:8rem;background:
radial-gradient(circle at 76% 46%,rgba(213,168,58,.16),transparent 25%),
linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px) 0 0/12.5vw 100%,
linear-gradient(142deg,#314a3e,#21352c);}
.guide-hero h1{max-width:960px;letter-spacing:-.045em;line-height:.79}
.guide-deck{font-size:1.16rem;line-height:1.6;color:#ded2b4}
.guide-index{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:1.2rem;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(240,229,199,.24)}
.guide-index a{min-height:50px;display:flex;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.52rem;font-weight:700;color:rgba(240,229,199,.7);border-right:1px solid rgba(240,229,199,.14);padding:.6rem .75rem;transition:color .25s,background-color .25s}
.guide-index a:hover{color:var(--gold-light);background:rgba(0,0,0,.12)}
.guide-article{max-width:1360px;padding-top:5rem}
.guide-article section{grid-template-columns:90px minmax(0,860px);gap:3.5rem;padding:5.4rem 0;scroll-margin-top:1rem}
.guide-article section:nth-child(even){transform:translateX(3vw)}
.guide-no{position:relative;font-size:2.45rem;font-variant-numeric:tabular-nums}
.guide-no::after{content:"";position:absolute;top:3.7rem;left:.75rem;width:1px;height:72px;background:linear-gradient(var(--red),transparent)}
.guide-article h2{font-size:clamp(2.8rem,4.4vw,5rem);letter-spacing:-.035em}
.guide-article p{font-size:1.06rem;line-height:1.82;max-width:830px}
.guide-article code{background:#ead7b5;color:#8a2823;border-bottom:1px solid rgba(189,46,37,.35)}
.bench-diagram,.paint-sample,.gold-sample,.material-strip,.prompt-slip{position:relative;margin-top:2.25rem;min-height:110px;border-top:1px solid rgba(23,35,30,.24);border-bottom:1px solid rgba(23,35,30,.24);overflow:hidden}
.bench-diagram{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;text-transform:uppercase;font-size:.53rem;font-weight:700;letter-spacing:.15em;color:#5f6c64}
.bench-diagram i{height:13px;background:linear-gradient(#a26a3c,#3d2819);box-shadow:0 12px 18px rgba(0,0,0,.2)}
.bench-diagram b{position:absolute;left:49%;top:70%;font-size:.48rem}.bench-diagram em{justify-self:end;background:var(--red);color:var(--cream);font-family:var(--display);font-size:1.2rem;font-style:normal;padding:1rem 2rem;transform:rotate(-3deg);box-shadow:6px 7px #13231c}
.paint-sample{display:flex;align-items:center;gap:2rem}.paint-sample>span{font-size:.52rem;font-weight:700;letter-spacing:.17em}.paint-sample i{flex:1;height:42px;background:linear-gradient(#fff8e6,#d7c392 58%,#f7e9c5);clip-path:polygon(0 30%,92% 8%,100% 42%,92% 72%,8% 100%,0 64%);filter:drop-shadow(0 7px 5px rgba(55,38,20,.15))}.paint-sample b{position:absolute;right:2%;bottom:.6rem;color:var(--red);font-family:var(--display);font-weight:400;font-size:.9rem;font-style:italic;transform:rotate(-4deg)}
.gold-sample{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;text-transform:uppercase;font-size:.52rem;font-weight:700;letter-spacing:.17em}.gold-sample i{height:62px;background:linear-gradient(105deg,#8e671b,#c9972c 30%,#775412 44%,#fff5b0 51%,#d59e25 59%,#6e4810 78%,#d8ad3d);box-shadow:inset 0 0 0 2px #b08325,0 12px 22px rgba(80,57,13,.22);transform:skewX(-7deg)}
.material-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:1rem 0}.material-strip i:nth-child(1){background:linear-gradient(135deg,#e93327,#7d1714)}.material-strip i:nth-child(2){background:linear-gradient(100deg,#3b2214,#b97842,#28170e)}.material-strip i:nth-child(3){background:radial-gradient(circle at 30% 20%,rgba(189,46,37,.08),transparent 5%),#f2e3bd}.material-strip span{position:absolute;left:1rem;bottom:1.35rem;color:#fff8e6;font-size:.5rem;font-weight:750;letter-spacing:.17em;text-transform:uppercase;text-shadow:0 1px 4px #000}
.swatches{margin-top:2.7rem;margin-bottom:1.4rem}.swatches i{position:relative;width:70px;height:70px}.swatches i span{position:absolute;top:calc(100% + .55rem);left:50%;transform:translateX(-50%);font-family:var(--body);font-size:.45rem;font-style:normal;font-weight:700;letter-spacing:.04em;color:#4a554f}
.prompt-slip{width:88%;min-height:150px;margin-left:6%;padding:1.6rem 2rem;background:#183027;color:var(--cream);border:8px solid #101713;box-shadow:12px 14px 0 var(--red);transform:rotate(-1deg)}
.prompt-slip span{font-size:.48rem;font-weight:700;letter-spacing:.18em;color:var(--gold-light)}.prompt-slip b{display:block;margin-top:1rem;font-family:var(--display);font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:400;line-height:1.08}

@media(max-width:650px){
.guide-hero{min-height:760px;padding-top:9rem;padding-bottom:8.5rem}.guide-hero h1{font-size:19vw;margin-top:3.3rem}.guide-deck{font-size:1rem;max-width:92%}.guide-brush{bottom:15%}.guide-index{overflow-x:auto;grid-template-columns:repeat(6,auto);left:0;right:0;padding-left:var(--pad);scrollbar-width:none}.guide-index::-webkit-scrollbar{display:none}.guide-index a{min-width:104px;min-height:48px}
.guide-article{padding-top:2rem}.guide-article section{grid-template-columns:1fr;padding:3.5rem 0;gap:.65rem}.guide-no::after{display:none}.guide-article h2{font-size:2.75rem;margin-bottom:1.2rem}.guide-article p{font-size:.97rem;line-height:1.74}.bench-diagram,.paint-sample,.gold-sample,.material-strip,.prompt-slip{margin-top:1.7rem}.bench-diagram{grid-template-columns:1fr}.bench-diagram span{display:none}.bench-diagram i{width:65%}.bench-diagram em{position:absolute;right:.7rem}.paint-sample{gap:.75rem}.paint-sample>span{display:none}.gold-sample{gap:.7rem}.gold-sample i{height:52px}.prompt-slip{width:94%;margin-left:0;padding:1.3rem;box-shadow:8px 9px 0 var(--red)}.swatches{margin-bottom:2rem}.swatches i{width:52px;height:52px}.swatches i span{display:none}
}

/* Pass 3 — the bench light, finishing details and final interaction polish. */
:root{--brush-ease:cubic-bezier(.16,.84,.2,1);--snap-ease:cubic-bezier(.22,1,.36,1)}
html{scrollbar-color:#b88826 #14231d;scrollbar-width:thin}
::selection{background:#e3b43e;color:#101b16;text-shadow:none}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#14231d}
::-webkit-scrollbar-thumb{background:linear-gradient(#e0b546,#8b651d);border:3px solid #14231d;border-radius:10px}
body{font-kerning:normal;font-optical-sizing:auto;letter-spacing:.004em}
h1,h2,h3,.brand,.shop-card>strong{font-kerning:normal;text-rendering:optimizeLegibility}
p{max-width:72ch}
a,button{transition-timing-function:var(--brush-ease)}
.brand svg{transition:transform .48s var(--snap-ease),filter .48s}
.brand:hover svg,.brand:focus-visible svg{transform:rotate(-9deg) translateY(-2px);filter:drop-shadow(0 4px 5px rgba(213,168,58,.28))}
.site-header nav a:not(.nav-ticket)::after{height:2px;transform:skewX(-22deg);transition:right .36s var(--brush-ease)}
.site-header .nav-ticket,.guide-header .back-link{transition:color .3s,background-color .3s,box-shadow .3s,transform .3s}
.site-header .nav-ticket:hover,.site-header .nav-ticket:focus-visible,.guide-header .back-link:hover,.guide-header .back-link:focus-visible{transform:translateY(-2px);box-shadow:5px 6px 0 rgba(189,46,37,.48)}
.mobile-workshop-nav a{transition:color .25s,background-color .25s}
.mobile-workshop-nav a:hover,.mobile-workshop-nav a:focus-visible{background:var(--red);color:var(--cream-bright)}
footer a{position:relative;text-decoration:none}
footer a::after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:1px;background:var(--gold);transition:right .32s var(--brush-ease)}
footer a:hover::after,footer a:focus-visible::after{right:0}

body:not(.guide-page) .site-header .brand,body:not(.guide-page) .site-header nav>a,body:not(.guide-page) .mobile-workshop-nav{opacity:0;transform:translateY(-10px)}
body.is-loaded .site-header .brand,body.is-loaded .site-header nav>a,body.is-loaded .mobile-workshop-nav{animation:shopOpen .72s var(--snap-ease) forwards}
body.is-loaded .site-header nav>a:nth-child(1){animation-delay:.08s}body.is-loaded .site-header nav>a:nth-child(2){animation-delay:.14s}body.is-loaded .site-header nav>a:nth-child(3){animation-delay:.2s}body.is-loaded .site-header nav>a:nth-child(4){animation-delay:.26s}
.is-loaded .hero-copy{animation-duration:.92s;animation-timing-function:var(--snap-ease)}
.is-loaded .fascia-stack{animation-duration:1.05s;animation-delay:.32s;animation-timing-function:var(--snap-ease)}
.hero-copy .eyebrow,.hero-copy .hero-bottom{opacity:0;transform:translateY(8px)}
.is-loaded .hero-copy .eyebrow{animation:detailIn .65s .34s var(--brush-ease) forwards}
.is-loaded .hero-copy .hero-bottom{animation:detailIn .72s 1.12s var(--brush-ease) forwards}

.hero{--lamp-x:76%;--lamp-y:38%;isolation:isolate}
.raking-letter{position:absolute;z-index:1;inset:16% 2.5% auto 3%;pointer-events:none;font-family:var(--display);font-size:clamp(5rem,12.5vw,12.5rem);line-height:.73;letter-spacing:-.045em;text-transform:none;color:transparent;opacity:0;transform:rotate(-2deg);background:radial-gradient(circle 13rem at var(--lamp-x) var(--lamp-y),rgba(255,232,163,.42),rgba(213,168,58,.14) 48%,transparent 76%);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:1px rgba(231,211,158,.08);filter:drop-shadow(0 8px 18px rgba(0,0,0,.2));transition:opacity .65s var(--brush-ease)}
.raking-letter span{display:block}.raking-letter span:last-child{margin-left:15%}
.hero.raking-on .raking-letter{opacity:.66}
.hero.raking-on .fascia-stack{filter:drop-shadow(0 24px 32px rgba(0,0,0,.28)) brightness(1.07) saturate(1.06)}
.hero.raking-on .board{box-shadow:0 30px 50px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,244,201,.7)}
.hero.raking-on .board-rear{filter:sepia(.1) brightness(1.1)}
.hero.raking-on .board-mid{filter:drop-shadow(-10px 12px 14px rgba(0,0,0,.2))}
.hero.raking-on .board-front{filter:drop-shadow(-12px 14px 18px rgba(0,0,0,.28)) saturate(1.12)}
.bench-light{position:absolute;z-index:22;top:5.3rem;right:1.1rem;width:96px;height:142px;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--cream);cursor:pointer;padding:0}
.lamp-cord{position:absolute;top:0;left:62%;width:1px;height:80px;background:linear-gradient(rgba(240,229,199,.18),#e0cc9e);transform-origin:top;transition:height .35s var(--snap-ease)}
.lamp-pull{position:absolute;top:72px;left:calc(62% - 8px);width:17px;height:28px;border-radius:46% 46% 50% 50%;background:linear-gradient(90deg,#8d671c,#f1cd62 48%,#7b5716);box-shadow:0 7px 11px rgba(0,0,0,.35);transition:transform .35s var(--snap-ease),filter .35s}
.lamp-label{position:absolute;right:35px;top:65px;white-space:nowrap;text-transform:uppercase;font-size:.46rem;font-weight:750;letter-spacing:.16em;color:rgba(240,229,199,.76);background:rgba(20,35,29,.92);border:1px solid rgba(240,229,199,.25);padding:.28rem .42rem;box-shadow:3px 4px 0 rgba(0,0,0,.2);transform:rotate(-2deg);transition:color .3s,border-color .3s,transform .3s}
.bench-light:hover .lamp-pull,.bench-light:focus-visible .lamp-pull{filter:brightness(1.24);transform:translateY(5px)}
.bench-light:focus-visible{outline:0}
.bench-light:focus-visible .lamp-pull{box-shadow:0 0 0 3px #17231e,0 0 0 6px var(--gold-light),0 9px 14px rgba(0,0,0,.4)}
.bench-light:hover .lamp-label,.bench-light:focus-visible .lamp-label,.bench-light[aria-pressed="true"] .lamp-label{color:var(--gold-light);border-color:var(--gold);transform:rotate(1deg) translateY(2px)}
.bench-light[aria-pressed="true"] .lamp-cord{height:88px}
.bench-light[aria-pressed="true"] .lamp-pull{transform:translateY(8px);box-shadow:0 0 24px rgba(255,224,127,.48),0 7px 11px rgba(0,0,0,.35)}

.board{backface-visibility:hidden}
.board-rear{background:radial-gradient(circle at 28% 22%,rgba(255,248,220,.33),transparent 24%),linear-gradient(102deg,#a98c60,#cfb88c 52%,#9a7e57)}
.board-front{background:radial-gradient(ellipse at 35% 12%,rgba(255,138,113,.26),transparent 30%),linear-gradient(105deg,#a51f1a,#d33429 52%,#a41c18)}
.roundel:focus-visible,.roundel:hover{box-shadow:0 15px 35px rgba(0,0,0,.28),inset 0 0 0 5px rgba(255,255,255,.08)}
.gild-controls button,.start-ticket{transition:color .25s,background-color .25s,padding .25s}
.gild-controls p{color:#785319}
.gild-controls button:hover,.gild-controls button:focus-visible,.start-ticket:hover,.start-ticket:focus-visible{background:rgba(189,46,37,.1);padding-inline:.65rem;color:#7d201b}
.brush:hover,.brush.active{transform:translateY(-11px)}
.enquire{transition:color .3s,background-color .3s,padding .3s}
.enquire:hover,.enquire:focus-visible{background:rgba(213,168,58,.08);padding-left:.8rem;color:var(--gold-light)}
.guide-index a:focus-visible{color:var(--gold-light);background:rgba(0,0,0,.2);outline-offset:-3px}
.bench-diagram,.paint-sample,.gold-sample,.material-strip,.prompt-slip{transition:transform .5s var(--brush-ease),filter .5s}
.guide-article section:hover .bench-diagram,.guide-article section:hover .paint-sample,.guide-article section:hover .gold-sample,.guide-article section:hover .material-strip,.guide-article section:hover .prompt-slip{transform:translateY(-3px);filter:drop-shadow(0 12px 12px rgba(78,55,22,.09))}
.guide-article section:hover .prompt-slip{transform:translateY(-3px) rotate(.35deg)}

@keyframes shopOpen{to{opacity:1;transform:none}}
@keyframes detailIn{to{opacity:1;transform:none}}

@media(max-width:1000px){
  .bench-light{top:5.15rem;right:.35rem}
  .raking-letter{inset:18% -3% auto 2%;font-size:16vw}
}

@media(max-width:650px){
  ::-webkit-scrollbar{width:7px;height:7px}
  .bench-light{top:7.65rem;right:.15rem;width:74px;height:112px}
  .lamp-cord{left:63%;height:55px}.lamp-pull{left:calc(63% - 8px);top:49px}.lamp-label{right:27px;top:66px;font-size:.4rem;padding:.25rem .36rem}
  .bench-light[aria-pressed="true"] .lamp-cord{height:62px}
  .raking-letter{inset:15.5% -10% auto 1%;font-size:21vw;line-height:.78;background:radial-gradient(circle 9rem at 70% 24%,rgba(255,232,163,.4),rgba(213,168,58,.14) 48%,transparent 76%)}
  .raking-letter span:last-child{margin-left:5%}
  .hero.raking-on .raking-letter{opacity:.52}
  .hero.raking-on .fascia-stack{filter:brightness(1.06) saturate(1.05)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .grain,.scroll-mark i{animation:none}
  body:not(.guide-page) .site-header .brand,body:not(.guide-page) .site-header nav>a,body:not(.guide-page) .mobile-workshop-nav,.hero-copy .eyebrow,.hero-copy .hero-bottom{opacity:1;transform:none;animation:none}
  .is-loaded .hero-copy,.is-loaded .fascia-stack,.is-loaded .mask-stroke,.is-loaded .pinstripe,.is-loaded .dry-brush{animation:none;opacity:1;transform:none;stroke-dashoffset:0}
  .raking-letter,.fascia-stack,.board,.lamp-cord,.lamp-pull{transition:none}
}