:root{--moss:#1c2219;--moss-2:#262e22;--moss-3:#33402d;--paper:#f3eadb;--paper-2:#e9dcc6;--ink:#2a2018;--ink-soft:#5b4a3a;--cream:#efe4cf;--rust:#b4532a;--rust-2:#8f3d1d;--ochre:#d49a3c;--plum:#5c2f2b;--fw:clamp(14px,1.7vw,24px);--mw:clamp(6px,.65vw,10px);--strip:clamp(58px,11vh,96px);--col:66.666%;--serif:"Fraunces", Georgia, serif;--sans:"Karla", system-ui, sans-serif;--hand:"Caveat", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--moss);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}a{color:inherit}img,svg{display:block}.window{-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab;background:linear-gradient(#0e140a4d,#0e140a4d),#2b3a22 url(/demo/oranzeria/tlo.jpg) 50%/cover no-repeat;height:100svh;min-height:620px;position:relative;overflow:hidden}.window:active{cursor:grabbing}#fog{opacity:0;width:100%;height:100%;transition:opacity 2.2s;position:absolute;inset:0}#fog.on{opacity:1}#wiper{pointer-events:none;z-index:6;width:100%;height:100%;position:absolute;inset:0}.frame{pointer-events:none;position:absolute;inset:0}.steel{background:#16191a;position:absolute}.steel.v{background:linear-gradient(90deg,#0b0d0e 0%,#262a2b 30%,#3b4041 48%,#222627 70%,#0a0b0c 100%)}.steel.h{background:linear-gradient(#0b0d0e 0%,#262a2b 30%,#3b4041 48%,#222627 70%,#0a0b0c 100%)}.rim{border:var(--fw) solid #15181a;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 28px #00000080}.rim:after{content:"";inset:calc(var(--fw) * -1 + 3px);pointer-events:none;border:1px solid #ffffff0d;position:absolute}.glass{inset:var(--fw);position:absolute}.bar-h1{left:0;right:0;top:var(--strip);height:var(--mw)}.bar-v1{height:var(--strip);width:var(--mw);top:0;left:33.333%;transform:translate(-50%)}.bar-v2{left:var(--col);width:var(--mw);top:0;bottom:0;transform:translate(-50%)}.bar-h2{left:var(--col);right:0;top:calc(var(--strip) + (100% - var(--strip)) * .56);height:var(--mw)}.steel.v,.steel.h{box-shadow:0 2px 6px #00000059}.pane{pointer-events:none;display:flex;position:absolute}.pane a,.pane button{pointer-events:auto}.p-brand{width:33.333%;height:var(--strip);align-items:center;padding:0 clamp(16px,2vw,32px);top:0;left:0}.p-mid{width:33.333%;height:var(--strip);justify-content:center;align-items:center;top:0;left:33.333%}.p-nav{left:var(--col);height:var(--strip);justify-content:flex-end;align-items:center;padding:0 clamp(12px,1.6vw,28px);top:0;right:0;container-type:inline-size}@container (width<=372px){.nav li{display:none}.nav .m{display:block}}.p-hero{width:var(--col);left:0;top:var(--strip);flex-direction:column;justify-content:flex-end;padding:clamp(24px,4vw,64px) clamp(20px,4vw,64px) clamp(28px,5vh,64px);bottom:0}.p-write{left:var(--col);right:0;top:var(--strip);height:calc((100% - var(--strip)) * .56)}.p-info{left:var(--col);right:0;top:calc(var(--strip) + (100% - var(--strip)) * .56);flex-direction:column;justify-content:flex-end;padding:clamp(18px,2.4vw,36px);bottom:0}.on-glass{color:#1b2117;text-shadow:0 0 1px #faf8f080,0 0 14px #ece9ded9,0 0 30px #ece9de8c}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.w{white-space:nowrap}.ch{transition:color .5s,text-shadow .5s}.ch.lit{color:#fffaf0;text-shadow:0 1px 2px #000c,0 0 6px #060a04e6,0 0 16px #060a04b3,0 0 32px #060a0473;transition-duration:.18s}.brand svg{filter:drop-shadow(0 0 3px #f0ece0f2)drop-shadow(0 0 8px #f0ece099)}.brand b{font-family:var(--serif);letter-spacing:.01em;font-size:clamp(1.05rem,1.5vw,1.35rem);font-style:italic;font-weight:600;line-height:1}.nav{gap:clamp(10px,1.25vw,22px);margin:0;padding:0;list-style:none;display:flex}.nav a{white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(.66rem,.74vw,.78rem);font-weight:700;text-decoration:none}.nav a:hover{text-underline-offset:5px;text-decoration:underline}.nav .m{display:none}.temp{letter-spacing:.06em;white-space:nowrap;margin:0;font-size:.82rem}.temp b{font-family:var(--serif);letter-spacing:0;font-size:1.1rem;font-style:italic;font-weight:500}.eyebrow{letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:700}.p-hero h1{font-family:var(--serif);letter-spacing:-.02em;font-variation-settings:"opsz" 144;max-width:13ch;margin:0 0 22px;font-size:clamp(2.5rem,5.6vw,5.6rem);font-weight:560;line-height:.98}.p-hero h1 em{font-style:italic;font-weight:480}.p-hero .lede{max-width:44ch;margin:0 0 28px;font-size:clamp(1rem,1.25vw,1.15rem);font-weight:600;line-height:1.55}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;text-shadow:none;border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.btn-ink{color:#f3eadb;background:#1b2117;box-shadow:0 8px 20px #00000040}.btn-ink:hover{background:#2b3325;transform:translateY(-1px)}.btn-line{color:#1b2117;backdrop-filter:blur(8px);background:#eeebe0cc;box-shadow:inset 0 0 0 1.5px #1b2117}.btn-line:hover{background:#f6f3eaf2}.info{gap:10px;margin:0;font-size:.92rem;line-height:1.35;display:grid}.info dt{letter-spacing:.16em;text-transform:uppercase;opacity:.75;font-size:.72rem;font-weight:700}.info dd{font-family:var(--serif);margin:0 0 4px;font-size:1.12rem;font-weight:550}.wipe-hint{font-family:var(--hand);transform-origin:0;margin:18px 0 0;font-size:1.45rem;line-height:1;transform:rotate(-3deg)}:root{--deep:#141813}.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}section{position:relative}.sec{padding:clamp(88px,12vw,168px) 0}.paper{background:var(--paper);color:var(--ink)}.dark{background:var(--moss);color:var(--cream)}.grain:after{content:"";pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .28  0 0 0 0 .2  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.dark.grain:after{mix-blend-mode:screen;opacity:.12}.label{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:14px;margin:0 0 28px;font-size:.74rem;font-weight:700;display:flex}.label:before{content:"";opacity:.5;background:currentColor;width:34px;height:1px}.label .n{font-family:var(--serif);letter-spacing:0;text-transform:none;opacity:.6;font-size:1rem;font-style:italic;font-weight:400}.paper .label{color:var(--rust)}.dark .label{color:var(--ochre)}.hand{font-family:var(--hand);font-weight:500}h2{font-family:var(--serif);letter-spacing:-.02em;font-variation-settings:"opsz" 144;margin:0;font-size:clamp(2.3rem,5vw,4.4rem);font-weight:400;line-height:1}h2 em{font-style:italic;font-weight:300}.paper h2 em{color:var(--rust)}.dark h2 em{color:var(--ochre)}h3{font-family:var(--serif);margin:0 0 8px;font-size:1.4rem;font-weight:500;line-height:1.15}.intro-grid{grid-template-columns:repeat(12,1fr);align-items:end;gap:clamp(20px,3vw,40px);display:grid}.intro-grid h2{grid-column:1/span 8;font-size:clamp(2.4rem,5.6vw,5.2rem)}.intro-copy{color:var(--ink-soft);grid-column:9/span 4;font-size:1.06rem}.intro-copy p{margin:0 0 16px}.intro-copy .hand{color:var(--ink);margin:6px 0 0;font-size:1.8rem;line-height:1}.facts{border-top:1px solid #2a20182e;grid-template-columns:repeat(4,1fr);margin-top:clamp(64px,8vw,110px);display:grid}.fact{border-right:1px solid #2a20181f;margin-right:24px;padding:28px 24px 0 0}.fact:last-child{border-right:0;margin-right:0}.fact b{font-family:var(--serif);color:var(--rust);letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(2.6rem,4.6vw,4rem);font-weight:300;line-height:1;display:block}.fact span{color:var(--ink-soft);font-size:.95rem}.menu-head{justify-content:space-between;align-items:end;gap:32px;margin-bottom:clamp(48px,6vw,80px);display:flex}.menu-head>p{color:#bfb49d;max-width:34ch;margin:0}.menu-grid{grid-template-columns:5fr 7fr;align-items:start;gap:clamp(32px,5vw,80px);display:grid}.menu-feature{position:sticky;top:32px}.arch{aspect-ratio:1/1.08;background:url(/demo/oranzeria/image.jpg) 58% 72%/auto 165% no-repeat;border-radius:999px 999px 8px 8px;max-height:58vh;margin:0 auto;position:relative;box-shadow:0 30px 60px #00000059}.arch:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #efe4cf59;position:absolute;inset:12px}.special{background:var(--paper);color:var(--ink);border-radius:6px;margin:-64px 24px 0;padding:22px 24px 24px;position:relative;box-shadow:0 24px 50px #00000059}.special .hand{color:var(--rust);margin-bottom:4px;font-size:1.5rem;line-height:1;display:block}.special h3{margin:0 0 6px;font-size:1.55rem}.special p{color:var(--ink-soft);margin:0;font-size:.95rem}.special .pr{background:var(--rust);color:#fff6ea;width:64px;height:64px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:1.25rem;font-style:italic;display:grid;position:absolute;top:-22px;right:20px;transform:rotate(8deg);box-shadow:0 8px 18px #0000004d}.menu-cols{grid-template-columns:1fr 1fr;gap:56px clamp(32px,4vw,64px);display:grid}.menu-cat h3{font-size:.76rem;font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ochre);border-bottom:1px solid #efe4cf2e;margin:0 0 6px;padding-bottom:14px;font-weight:700}.menu-cat h3 small{letter-spacing:.06em;text-transform:none;color:#9e957f;margin-left:6px;font-weight:500}.item{border-bottom:1px dashed #efe4cf1a;grid-template-columns:1fr auto;gap:2px 12px;padding:14px 0;display:grid}.item b{font-family:var(--serif);font-size:1.13rem;font-weight:500}.item span{font-family:var(--serif);color:var(--ochre);font-size:1.05rem;font-style:italic}.item small{color:#a99f8b;grid-column:1/-1;font-size:.88rem;line-height:1.4}.item .v{font:700 .62rem/1 var(--sans);letter-spacing:.08em;color:#9fb58a;vertical-align:3px;border:1px solid;border-radius:99px;margin-left:6px;padding:3px 5px;display:inline-block}.menu-note{color:#9e957f;flex-wrap:wrap;grid-column:1/-1;gap:10px 28px;padding-top:8px;font-size:.9rem;display:flex}.menu-note .hand{color:var(--cream);font-size:1.35rem}.story{min-height:clamp(560px,92vh,900px);color:var(--cream);background:#2b3a22 url(/demo/oranzeria/image.jpg) 30% 60%/cover no-repeat;align-items:flex-end;display:flex}.story:before{content:"";background:linear-gradient(90deg,#0e120be0 0%,#0e120bb3 40%,#0e120b26 75%),linear-gradient(#0000 45%,#0e120bbf);position:absolute;inset:0}.story .wrap{width:100%;padding-bottom:clamp(48px,8vw,110px);position:relative}.story blockquote{max-width:16ch;font-family:var(--serif);letter-spacing:-.02em;margin:0 0 28px;font-size:clamp(2.4rem,5.4vw,5rem);font-style:italic;font-weight:300;line-height:1.02}.story-cols{color:#d9cfbb;grid-template-columns:repeat(2,minmax(0,34ch));gap:32px;display:grid}.story-cols p{margin:0}.story .year{font-family:var(--serif);color:#0000;-webkit-text-stroke:1px #efe4cfbf;font-size:clamp(4rem,12vw,10rem);font-weight:300;line-height:.8;position:absolute;bottom:clamp(48px,8vw,110px);right:clamp(20px,4vw,48px)}.events-head{justify-content:space-between;align-items:end;gap:32px;margin-bottom:clamp(40px,5vw,64px);display:flex}.events-head>p{color:#bfb49d;max-width:36ch;margin:0}.events{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.event{background:var(--moss-2);border:1px solid #efe4cf14;border-radius:6px;flex-direction:column;min-height:360px;padding:26px 24px;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .5s;display:flex;position:relative}.event:hover{background:#2f3929;transform:translateY(-8px)}.event .d{font-family:var(--serif);color:var(--cream);letter-spacing:-.03em;font-size:4.6rem;font-weight:300;line-height:.85}.event .m{letter-spacing:.2em;text-transform:uppercase;color:var(--ochre);margin:12px 0 auto;font-size:.74rem;font-weight:700}.event h3{margin:40px 0 8px}.event p{color:#b8ae98;margin:0;font-size:.95rem}.event .foot{color:#cfc4ad;border-top:1px solid #efe4cf1f;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;font-size:.85rem;display:flex}.event .foot b{font-family:var(--serif);color:var(--ochre);font-size:1rem;font-style:italic;font-weight:400}.event.hot:before{content:"ostatnie miejsca";background:var(--rust);color:#fff6ea;font:700 .66rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;position:absolute;top:22px;right:-8px;transform:rotate(4deg)}.visit-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.visit-grid h2{margin-bottom:36px}.hours{border-collapse:collapse;width:100%;margin-bottom:32px}.hours td{border-bottom:1px solid #2a201824;padding:12px 0;font-size:1rem}.hours td:last-child{text-align:right;font-family:var(--serif);font-size:1.12rem}.hours tr.today td{color:var(--rust);font-weight:600}.hours tr.today td:first-child:after{content:"dziś";font-family:var(--hand);margin-left:10px;font-size:1.2rem;font-weight:500}.way{color:var(--ink-soft);grid-template-columns:auto 1fr;gap:10px 18px;margin:0;display:grid}.way dt{letter-spacing:.18em;text-transform:uppercase;color:var(--ink);padding-top:4px;font-size:.72rem;font-weight:700}.way dd{margin:0}.map{aspect-ratio:1;background:#ece2cf;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 30px 60px #2a20182e}.map svg{width:100%;height:100%}.map .pin{text-align:center;position:absolute;top:46%;left:57%;transform:translate(-50%,-100%)}.map .pin i{background:var(--rust);border-radius:50% 50% 50% 0;width:34px;height:34px;margin:0 auto;animation:2.6s ease-in-out infinite pinbob;display:block;transform:rotate(-45deg);box-shadow:0 6px 14px #00000040}.map .pin span{font-family:var(--hand);color:var(--ink);white-space:nowrap;margin-bottom:8px;font-size:1.5rem;display:block;transform:rotate(-4deg)}@keyframes pinbob{50%{translate:0 -6px}}.footer{background:var(--deep);color:#cfc4ad;padding-top:clamp(72px,9vw,120px);position:relative;overflow:hidden}.letter{border-bottom:1px solid #efe4cf1f;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-bottom:clamp(56px,7vw,88px);display:grid}.letter h3{color:var(--cream);letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400}.letter h3 em{color:var(--ochre)}.letter p{color:#9e957f;max-width:42ch;margin:0}.letter form{border-bottom:1px solid #efe4cf66;gap:8px;padding-bottom:8px;display:flex}.letter input{min-width:0;color:var(--cream);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:10px 0;font-size:1.1rem}.letter input::placeholder{color:#7f7867}.letter button{color:var(--ochre);font:600 .95rem var(--sans);cursor:pointer;letter-spacing:.04em;background:0 0;border:0}.letter button:hover{color:var(--cream)}.letter .ok{font-family:var(--hand);color:var(--ochre);min-height:1.4em;margin-top:10px;font-size:1.4rem}.fcols{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:clamp(48px,6vw,72px) 0;display:grid}.fcols h4{letter-spacing:.2em;text-transform:uppercase;color:var(--ochre);margin:0 0 16px;font-size:.72rem;font-weight:700}.fcols p,.fcols li{margin:0;font-size:.95rem;line-height:1.75}.fcols ul{margin:0;padding:0;list-style:none}.fcols a{color:#cfc4ad;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none;transition:background-size .35s,color .35s}.fcols a:hover{color:var(--cream);background-size:100% 1px}.fbrand b{font-family:var(--serif);color:var(--cream);margin-bottom:10px;font-size:1.5rem;font-style:italic;font-weight:500;display:block}.fbrand p{color:#9e957f;max-width:30ch}.wordmark{font-family:var(--serif);letter-spacing:-.04em;white-space:nowrap;color:#0000;-webkit-text-stroke:1px #efe4cf38;text-align:center;user-select:none;background:linear-gradient(#efe4cf24,#efe4cf00 85%);-webkit-background-clip:text;background-clip:text;margin:0 0 -.12em;font-size:clamp(3.4rem,13.4vw,13.5rem);font-style:italic;font-weight:300;line-height:.78}.fbar{color:#7f7867;z-index:1;background:var(--deep);border-top:1px solid #efe4cf1f;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:22px 0;font-size:.82rem;display:flex;position:relative}.fbar a{color:#9e957f;text-decoration:none}.fbar a:hover{color:var(--cream)}.fbar nav{gap:22px;display:flex}.reveal{opacity:0;transition:opacity 1s,transform 1s;transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.12s}.reveal.d2{transition-delay:.24s}.reveal.d3{transition-delay:.36s}@media (width<=820px){.bar-v1,.bar-v2,.bar-h2,.p-mid,.p-info{display:none}.p-brand{width:auto;right:110px}.p-nav{width:120px;left:auto}.nav li{display:none}.nav .m{display:block}.p-hero{width:auto;right:0}.p-write{height:30%;left:0;right:0}.intro-grid h2,.intro-copy{grid-column:1/-1}.facts{grid-template-columns:1fr 1fr;row-gap:28px}.fact:nth-child(2){border-right:0;margin-right:0}.menu-head,.events-head{flex-direction:column;align-items:flex-start}.menu-grid,.menu-cols,.visit-grid,.letter{grid-template-columns:1fr}.menu-feature{max-width:420px;position:static}.story-cols{grid-template-columns:1fr}.story .year{display:none}.events{grid-template-columns:1fr 1fr}.event{min-height:300px}.fcols{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}@media (width<=520px){.events,.facts{grid-template-columns:1fr}.fact{border-right:0;margin-right:0}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.menu-more{color:var(--ochre);letter-spacing:.02em;margin-top:16px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-block}.menu-more:hover{color:var(--cream)}.menu-note span{align-items:center;gap:6px;display:inline-flex}.menu-note .v{margin-left:0}.tea-head{grid-template-columns:1.1fr 1fr;align-items:end;gap:clamp(32px,6vw,96px);margin-bottom:clamp(48px,6vw,80px);display:grid}.tea-intro p{color:var(--ink-soft);margin:0 0 14px;font-size:1.06rem}.tea-intro .hand{color:var(--rust);margin:0;font-size:1.6rem;line-height:1.1}.tins{border-top:1px solid #2a20182e;border-left:1px solid #2a20182e;grid-template-columns:repeat(3,1fr);display:grid}.tin{border-bottom:1px solid #2a20182e;border-right:1px solid #2a20182e;flex-direction:column;padding:32px clamp(20px,2.4vw,36px) 30px;transition:background .6s;display:flex;position:relative}.tin:hover{background:#fffaf08c}.cup-top{background:#f7f1e6;border-radius:50%;width:74px;height:74px;margin-bottom:26px;position:relative;box-shadow:0 0 0 1px #2a20181f,0 10px 22px #2a201829,inset 0 -3px 6px #2a201814}.cup-top i{background:radial-gradient(circle at 38% 34%,var(--liq2),var(--liq) 72%);border-radius:50%;position:absolute;inset:9px;overflow:hidden;box-shadow:inset 0 2px 6px #00000040}.cup-top i:after{content:"";opacity:0;background:conic-gradient(from 0deg,transparent 0 20%,#ffffff47 26%,transparent 34% 70%,#ffffff2e 76%,transparent 82%);border-radius:45%;transition:opacity .8s;position:absolute;inset:-30%}.tin:hover .cup-top i:after{opacity:1;animation:6s linear infinite swirl}.cup-top:before{content:"";opacity:0;pointer-events:none;filter:blur(6px);background:radial-gradient(at 50% 100%,#fffffff2,#0000 70%);width:26px;height:40px;margin-left:-13px;transition:opacity .8s;position:absolute;bottom:62%;left:50%}.tin:hover .cup-top:before{opacity:.9;animation:3.2s ease-in-out infinite rise}@keyframes swirl{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)scaleX(.8)}40%{opacity:.85}to{opacity:0;transform:translateY(-26px)scaleX(1.3)}}.tin h3{margin:0 0 8px;font-size:1.65rem}.tin>p{color:var(--ink-soft);margin:0 0 16px;font-size:.96rem;line-height:1.55}.tin ul{font-family:var(--serif);color:var(--ink);margin:0 0 22px;padding:0;font-size:1.04rem;font-style:italic;list-style:none}.tin ul li{padding:3px 0}.tin dl{border-top:1px dashed #2a201838;grid-template-columns:repeat(3,1fr);gap:0 10px;margin:auto 0 0;padding-top:16px;display:grid}.tin dt{letter-spacing:.16em;text-transform:uppercase;color:var(--rust);grid-row:1;font-size:.66rem;font-weight:700}.tin dd{font-family:var(--serif);grid-row:2;margin:4px 0 0;font-size:1.02rem}.gongfu{background:var(--moss);color:var(--cream);border-radius:6px;grid-template-columns:1.2fr 1.3fr auto;align-items:center;gap:clamp(28px,4vw,56px);margin-top:clamp(48px,6vw,72px);padding:clamp(28px,4vw,48px);display:grid;box-shadow:0 30px 60px #1c221940}.gongfu .hand{color:var(--ochre);margin-bottom:6px;font-size:1.45rem;line-height:1;display:block}.gongfu h3{margin:0 0 10px;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:400}.gongfu p{color:#bfb49d;margin:0;font-size:.96rem}.gongfu ol{counter-reset:g;grid-template-columns:1fr 1fr;gap:18px 26px;margin:0;padding:0;list-style:none;display:grid}.gongfu li{counter-increment:g;color:#bfb49d;padding-left:34px;font-size:.9rem;line-height:1.4;position:relative}.gongfu li:before{content:counter(g);width:24px;height:24px;font-family:var(--serif);color:var(--ochre);border:1px solid #d49a3c99;border-radius:50%;place-items:center;font-size:.85rem;font-style:italic;display:grid;position:absolute;top:0;left:0}.gongfu li b{color:var(--cream);font-family:var(--serif);font-size:1.05rem;font-weight:500;display:block}.gongfu-price{text-align:center;white-space:nowrap}.gongfu-price b{font-family:var(--serif);color:var(--ochre);font-size:2.6rem;font-style:italic;font-weight:400;line-height:1;display:block}.place-head{grid-template-columns:1.1fr 1fr;align-items:end;gap:40px;margin-bottom:clamp(40px,5vw,64px);display:grid}.place-head>p{color:#bfb49d;justify-self:end;max-width:42ch;margin:0}.place-head .hand{color:var(--ochre);margin-top:8px;font-size:1.6rem;display:block}.triptych{gap:var(--mw);padding:var(--fw);background:linear-gradient(#22272a,#121516);border-radius:2px;grid-template-columns:repeat(3,1fr);display:grid;box-shadow:inset 0 0 0 1px #ffffff12,0 40px 80px #00000073}.fogpane{aspect-ratio:3/4.3;cursor:grab;touch-action:pan-y;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #00000059}.fogpane canvas{width:100%;height:100%;position:absolute;inset:0}.fogpane:after{content:"";height:var(--mw);pointer-events:none;background:linear-gradient(#0b0d0e 0%,#262a2b 30%,#3b4041 48%,#222627 70%,#0a0b0c 100%);position:absolute;top:24%;left:0;right:0;box-shadow:0 2px 6px #00000059}.triptych-notes{gap:calc(var(--mw) + 24px);padding:32px var(--fw) 0;grid-template-columns:repeat(3,1fr);display:grid}.triptych-notes .n{font-family:var(--serif);color:var(--ochre);margin-bottom:6px;font-size:1.1rem;font-style:italic;display:block}.triptych-notes h3{margin:0 0 8px;font-size:1.5rem}.triptych-notes p{color:#bfb49d;margin:0;font-size:.96rem}.triptych-notes .meta{letter-spacing:.16em;text-transform:uppercase;color:#9e957f;margin-top:14px;font-size:.74rem;font-weight:700}.events-aside{max-width:38ch}.events-aside p{color:#bfb49d;margin:0 0 18px}.link-arrow{color:var(--ochre);letter-spacing:.02em;border-bottom:1px solid #d49a3c66;align-items:center;gap:10px;padding-bottom:4px;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow span{transition:transform .35s}.link-arrow:hover span{transform:translate(6px)}.paper .link-arrow{color:var(--rust);border-color:#b4532a66}.topbar{z-index:20;backdrop-filter:blur(10px);background:#141813eb;border-bottom:1px solid #efe4cf1a;position:sticky;top:0}.topbar .wrap{justify-content:space-between;align-items:center;gap:24px;height:68px;display:flex}.topbar .brand{color:var(--cream)}.topbar .brand b{font-size:1.2rem}.topbar nav{gap:clamp(14px,2.4vw,32px);display:flex}.topbar nav a{color:#cfc4ad;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:700;text-decoration:none}.topbar nav a:hover,.topbar nav a[aria-current]{color:var(--ochre)}.arch-hero{padding:clamp(64px,9vw,120px) 0 clamp(56px,7vw,96px)}.arch-hero-grid{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(32px,5vw,80px);display:grid}.arch-hero h1{font-family:var(--serif);letter-spacing:-.02em;font-variation-settings:"opsz" 144;margin:0;font-size:clamp(2.8rem,6.4vw,6rem);font-weight:400;line-height:.96}.arch-hero h1 em{color:var(--ochre);font-style:italic;font-weight:300}.arch-hero p{color:#bfb49d;margin:0 0 18px}.arch-strip{margin-top:clamp(40px,5vw,64px)}.arch-strip .triptych{grid-template-columns:2fr 1fr 1fr}.arch-strip .fogpane{aspect-ratio:auto;height:clamp(220px,30vw,340px)}.arch-strip .fogpane:after{display:none}.filters{border-bottom:1px solid #2a20182e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 28px;margin-bottom:8px;padding-bottom:28px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:600 .86rem var(--sans);color:var(--ink);cursor:pointer;background:0 0;border:1px solid #2a201840;border-radius:999px;padding:9px 16px;transition:all .25s}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.count{font-family:var(--serif);color:var(--ink-soft);font-style:italic}.season{border-bottom:1px solid #2a20182e;grid-template-columns:220px 1fr;gap:clamp(20px,4vw,56px);padding:44px 0;display:grid}.season[hidden]{display:none}.season h2{align-self:start;font-size:clamp(1.8rem,3vw,2.6rem);position:sticky;top:96px}.season h2 small{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--rust);margin-top:10px;font-size:.74rem;font-weight:700;display:block}.past{border-bottom:1px dashed #2a201829;grid-template-columns:96px 1fr auto;align-items:baseline;gap:8px 28px;padding:20px 0;display:grid}.past:last-child{border-bottom:0}.past[hidden]{display:none}.past .d{font-family:var(--serif);color:var(--rust);font-size:2.4rem;font-weight:300;line-height:1}.past .d small{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-top:6px;font-size:.7rem;font-weight:700;display:block}.past h3{margin:0 0 4px;font-size:1.3rem}.past p{color:var(--ink-soft);margin:0;font-size:.96rem}.past .note{font-family:var(--hand);color:var(--ink);margin-top:8px;font-size:1.3rem;display:block}.past .tag{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ink-soft);border:1px solid #2a201847;border-radius:999px;padding:6px 12px;font-size:.7rem;font-weight:700}.empty{text-align:center;font-family:var(--hand);color:var(--ink-soft);padding:60px 0;font-size:1.8rem}@media (width<=820px){.tea-head,.place-head,.arch-hero-grid{grid-template-columns:1fr}.place-head>p{justify-self:start}.tins{grid-template-columns:1fr 1fr}.gongfu{grid-template-columns:1fr}.gongfu-price{text-align:left}.triptych-notes{grid-template-columns:1fr;gap:28px;padding:28px 0 0}.fogpane{aspect-ratio:3/5.2}.arch-strip .triptych{grid-template-columns:1fr 1fr}.arch-strip .fogpane:first-child{grid-column:1/-1}.topbar nav a:not(.keep){display:none}.season{grid-template-columns:1fr;gap:8px}.season h2{position:static}.past{grid-template-columns:72px 1fr}.past .tag{grid-column:2;justify-self:start}}@media (width<=520px){.tins,.gongfu ol{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tin:hover .cup-top i:after,.tin:hover .cup-top:before{animation:none}}.topbar .brand svg{filter:none}.archive{padding-top:clamp(56px,7vw,96px)}
