:root{--cream:#faf1e4;--paper:#fffaf3;--ink:#30251f;--espresso:#593c2d;--terra:#b65d3c;--sage:#708373;--mist:#e8e0d3;--muted:#6d5d53;--line:#cdbdaf;--shadow:0 24px 65px rgba(72,44,29,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}img{display:block;max-width:100%;object-fit:cover}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.8rem 1rem;background:var(--ink);color:white}.skip:focus{top:1rem}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:1.1rem clamp(1.2rem,4vw,4.5rem);background:rgba(250,241,228,.92);background:color-mix(in srgb,var(--cream) 91%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid rgba(89,60,45,.12)}.wordmark{font:700 clamp(2rem,3.5vw,3.15rem)/1 Georgia,serif;text-decoration:none;letter-spacing:-.06em}.topbar nav{display:flex;gap:clamp(.85rem,2.3vw,2.4rem);font-weight:650}.topbar nav a,.back-link{text-decoration:none;border-bottom:2px solid transparent;padding:.45rem 0}.topbar nav a:hover,.topbar nav a:focus-visible,.back-link:hover,.back-link:focus-visible{border-color:var(--terra)}main{overflow:hidden}.eyebrow{font-size:.76rem;line-height:1.2;letter-spacing:.18em;font-weight:800;color:var(--terra);margin:0 0 .8rem;text-transform:uppercase}h1,h2{font-family:Georgia,serif;line-height:.94;letter-spacing:-.055em;margin:.2rem 0 1.1rem}h1{font-size:clamp(4.2rem,9vw,9rem)}h2{font-size:clamp(3rem,6.7vw,6.7rem)}h3{font:700 1.55rem/1.05 Georgia,serif;margin:.2rem 0 .6rem}.lead{font-size:clamp(1.16rem,2vw,1.48rem);max-width:40rem;color:var(--muted)}.hero{min-height:calc(100vh - 83px);padding:clamp(3rem,8vw,8rem) clamp(1.2rem,4vw,4.5rem);display:grid;grid-template-columns:minmax(20rem,.8fr) minmax(34rem,1.3fr);gap:clamp(2rem,5vw,6rem);align-items:center;position:relative}.hero>*{min-width:0}.hero-copy{align-self:start;padding-top:4vw}.primary-action{display:inline-flex;gap:2rem;align-items:center;background:var(--espresso);color:white;text-decoration:none;font-weight:750;padding:1rem 1.15rem 1rem 1.4rem;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);min-height:52px}.hero-frame{margin:0;position:relative;box-shadow:var(--shadow);border-radius:3.5rem 3.5rem .8rem .8rem;overflow:hidden}.hero-frame img{width:100%;aspect-ratio:16/11}.hero-frame figcaption{position:absolute;right:0;bottom:0;background:var(--paper);padding:.9rem 1.25rem;font-weight:750}.hero-frame figcaption span{display:block;color:var(--terra);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.ratio-float{position:absolute;left:38%;bottom:8%;display:grid;grid-template-columns:auto auto;align-items:center;gap:.1rem .8rem;background:var(--paper);box-shadow:var(--shadow);padding:1rem 1.2rem;border-radius:1.8rem;min-width:9rem}.ratio-float strong{font:700 1.4rem Georgia,serif}.ratio-float small{text-transform:uppercase;color:var(--muted);font-size:.65rem;letter-spacing:.12em}.ratio-float .rule{grid-column:1/-1;height:1px;background:var(--line)}.drop{width:1rem;height:1.25rem;background:var(--terra);border-radius:70% 40% 65% 55%;transform:rotate(45deg);grid-row:span 2}.ratio-lab{display:grid;grid-template-columns:1fr 1fr;min-height:42rem;background:var(--espresso);color:white}.ratio-work{padding:clamp(3rem,6vw,7rem);align-self:center}.ratio-work h2{font-size:clamp(3rem,5.6vw,5.8rem)}.ratio-work>p:last-child{color:#e8d9cf;max-width:42rem}.ratio-image{margin:0;min-height:42rem}.ratio-image img{width:100%;height:100%}.method-tabs{display:flex;gap:.3rem;margin:2rem 0 1rem;flex-wrap:wrap}.method-tab{appearance:none;background:transparent;color:#eedfd4;border:0;border-bottom:2px solid #806352;padding:.7rem .8rem;min-height:48px;font:700 .9rem inherit;cursor:pointer}.method-tab.active{color:white;border-color:#ef9e7f}.measure-fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;max-width:38rem}.measure-fields label{display:flex;justify-content:space-between;align-items:center;border:1px solid #997965;padding:.85rem 1rem;color:#eedfd4}.measure-fields input{width:4.2rem;background:#40291f;border:0;border-bottom:1px solid #bd8a72;color:white;font:700 1.15rem inherit;text-align:center;min-height:40px}.measure-fields input:focus{outline:2px solid #efb19a;outline-offset:3px}output{display:flex;align-items:baseline;gap:1rem;margin:1rem 0 1.2rem;padding:1rem;background:#412a21;border-left:6px solid var(--terra);max-width:38rem}output small{letter-spacing:.16em;color:#eab29c}output strong{font:700 2.5rem Georgia,serif}.methods{padding:clamp(4rem,8vw,9rem) clamp(1.2rem,4vw,4.5rem)}.method-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;align-items:end}.method-heading .eyebrow{grid-column:1/-1}.method-heading p:last-child{font-size:1.1rem;color:var(--muted);max-width:42rem}.method-wide{margin:2rem 0 4rem;border-radius:.8rem 5rem .8rem .8rem;overflow:hidden}.method-wide img{width:100%;aspect-ratio:16/7}.method-mosaic{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:1rem;align-items:start}.method-mosaic figure{margin:0;background:var(--paper);padding:.65rem;box-shadow:0 12px 38px rgba(65,40,26,.08)}.method-mosaic figure:nth-child(even){margin-top:5rem}.method-mosaic img{width:100%;aspect-ratio:4/3}.method-mosaic .landscape img{aspect-ratio:16/10}.method-mosaic figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.85rem .4rem .3rem;font-weight:800}.method-mosaic figcaption span{font-weight:500;color:var(--muted);font-size:.82rem}.session-story{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto;background:var(--mist);padding:clamp(1.2rem,4vw,4rem);gap:clamp(1.2rem,3vw,3rem);align-items:center}.session-story figure{margin:0}.session-main{grid-row:1/3;border-radius:1rem;overflow:hidden}.session-main img{height:100%;min-height:42rem}.session-copy{padding:2rem 1rem}.session-copy h2{font-size:clamp(3rem,5.2vw,5.4rem)}.timer-sample{display:flex;gap:.25rem;align-items:center;margin-top:2rem}.timer-sample span{font:400 3rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--paper);padding:.7rem;color:var(--ink);border-radius:.35rem}.timer-sample i{font-style:normal;font-size:2rem}.session-detail{display:grid;grid-template-columns:1fr auto;align-items:end}.session-detail img{height:17rem;width:100%;border-radius:.75rem}.session-detail figcaption{writing-mode:vertical-rl;padding:.5rem;color:var(--muted)}.drawers{padding:clamp(4rem,8vw,9rem) clamp(1.2rem,4vw,4.5rem);display:grid;grid-template-columns:.75fr 1.25fr;gap:1rem}.drawers-title{grid-column:1/-1;margin-bottom:2rem}.drawer{position:relative;min-height:27rem;overflow:hidden}.drawer:first-of-type{grid-row:2/4}.drawer img{width:100%;height:100%;position:absolute;inset:0}.drawer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(37,25,18,.88))}.drawer>div{position:absolute;z-index:1;left:1.5rem;right:1.5rem;bottom:1.2rem;color:white}.drawer>div span{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid rgba(255,255,255,.7);border-radius:50%}.drawer>div p{margin:.4rem 0;max-width:34rem;color:#f4e9df}.equipment{min-height:56rem}.brewbook{background:var(--paper);padding:clamp(4rem,8vw,9rem) clamp(1.2rem,4vw,4.5rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem}.book-copy{padding:1rem 5vw 3rem 0}.book-one,.book-two{margin:0}.book-one{grid-row:1/3;grid-column:2}.book-one img{height:100%;min-height:36rem;border-radius:5rem .75rem .75rem .75rem}.book-two img{border-radius:.75rem;width:100%;aspect-ratio:16/9}.book-two figcaption{padding:.6rem 0;color:var(--muted)}.export-card{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr;background:var(--mist);align-items:center;margin-top:2rem}.export-card img{height:24rem;width:100%}.export-card div{padding:2rem}.privacy-bridge{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:clamp(3rem,7vw,7rem);gap:clamp(2rem,5vw,6rem)}.privacy-bridge figure{margin:0;transform:rotate(-2deg);box-shadow:var(--shadow)}.privacy-bridge img{width:100%;aspect-ratio:16/10}.text-action{font-weight:800;text-decoration:none;border-bottom:2px solid var(--terra);padding:.35rem 0}.closing{min-height:80vh;position:relative;display:grid;place-items:center;background:#1f1713;color:white}.closing figure{position:absolute;inset:0;margin:0}.closing figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,17,13,.86),rgba(26,17,13,.08))}.closing img{height:100%;width:100%}.closing-copy{position:relative;z-index:1;justify-self:start;margin-left:8vw}.closing-copy a{color:white}.closing .eyebrow{color:#efb096}footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:2rem clamp(1.2rem,4vw,4.5rem);background:var(--ink);color:white}footer span:first-child{font:700 1.7rem Georgia,serif}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.72,.2,1)}.js .reveal.in{opacity:1;transform:none}
.policy-page{background:#f6f0e7}.policy-bar{position:relative}.policy-shell{overflow:visible;display:grid;grid-template-columns:minmax(17rem,26rem) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);padding:clamp(2rem,5vw,5rem) clamp(1.2rem,4vw,4.5rem)}.policy-index{position:sticky;top:2rem;align-self:start;padding:1.7rem;border-top:8px solid var(--espresso);background:var(--paper);box-shadow:var(--shadow)}.policy-index h1{font-size:clamp(3rem,5vw,5rem)}.policy-index nav{margin-top:2rem}.policy-index ol{list-style:none;padding:0;margin:0;counter-reset:item}.policy-index li{counter-increment:item;border-top:1px solid var(--line)}.policy-index li:last-child{border-bottom:1px solid var(--line)}.policy-index a{display:grid;grid-template-columns:2rem 1fr;gap:.5rem;text-decoration:none;padding:.65rem 0;font-size:.88rem}.policy-index a:before{content:counter(item,decimal-leading-zero);color:var(--terra);font-weight:800}.policy-index a:hover,.policy-index a:focus-visible{color:var(--terra)}.policy-ledger{display:grid;gap:1rem}.ledger-row{scroll-margin-top:1rem;display:grid;grid-template-columns:4rem minmax(16rem,1fr) minmax(12rem,18rem);gap:clamp(1rem,2vw,2rem);align-items:center;background:var(--paper);border-top:1px solid var(--line);padding:clamp(1rem,2vw,2rem)}.ledger-row:nth-child(even){grid-template-columns:4rem minmax(12rem,18rem) minmax(16rem,1fr)}.ledger-row:nth-child(even) .ledger-copy{grid-column:3}.ledger-row:nth-child(even) img{grid-column:2;grid-row:1}.ledger-number{align-self:start;color:var(--terra);font:700 1.1rem Georgia,serif;border:1px solid var(--terra);width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%}.ledger-copy h2{font-size:clamp(2.1rem,3.4vw,3.5rem)}.ledger-copy p{color:var(--muted);max-width:58rem}.ledger-copy code{font-size:.85em;overflow-wrap:anywhere}.ledger-row img{width:100%;aspect-ratio:1;border-radius:50% 50% .7rem .7rem}.ledger-row:target{outline:4px solid #dba187;outline-offset:4px}
button,a,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #df7c57;outline-offset:4px}
@media(max-width:900px){.topbar{position:relative;align-items:flex-start}.topbar nav{max-width:55%;flex-wrap:wrap;justify-content:flex-end;font-size:.85rem}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding-top:0}.hero-frame{border-radius:2rem 2rem .65rem .65rem}.ratio-float{position:relative;left:auto;bottom:auto;margin:-2.5rem 1.5rem 0;z-index:2}.ratio-lab{grid-template-columns:1fr}.ratio-image{min-height:22rem;order:-1}.method-heading{grid-template-columns:1fr}.method-mosaic{grid-template-columns:1fr 1fr}.method-mosaic figure:nth-child(even){margin-top:2rem}.session-story{grid-template-columns:1fr}.session-main{grid-row:auto}.session-main img{min-height:24rem}.drawers{grid-template-columns:1fr}.drawer:first-of-type{grid-row:auto}.equipment{min-height:30rem}.brewbook{grid-template-columns:1fr}.book-one{grid-row:auto;grid-column:auto}.export-card,.privacy-bridge{grid-template-columns:1fr}.policy-shell{grid-template-columns:1fr}.policy-index{position:relative;top:auto}.policy-index ol{columns:2}.ledger-row,.ledger-row:nth-child(even){grid-template-columns:3rem minmax(0,1fr)}.ledger-row img,.ledger-row:nth-child(even) img{grid-column:1/-1;grid-row:auto;max-height:27rem}.ledger-row:nth-child(even) .ledger-copy{grid-column:2}.closing-copy{margin:2rem}.closing figure:after{background:rgba(26,17,13,.62)}}
@media(max-width:560px){.topbar{display:block}.policy-bar{display:flex;align-items:center;justify-content:space-between}.topbar nav{max-width:none;justify-content:flex-start;margin-top:.8rem}.hero,.methods,.drawers,.brewbook,.privacy-bridge{padding-left:1rem;padding-right:1rem}.method-mosaic{grid-template-columns:1fr}.method-mosaic figure:nth-child(even){margin-top:0}.measure-fields{grid-template-columns:1fr}.book-one img{min-height:24rem}.export-card img{height:18rem}.policy-index ol{columns:1}.ledger-row,.ledger-row:nth-child(even){grid-template-columns:1fr}.ledger-row .ledger-number,.ledger-row:nth-child(even) .ledger-number,.ledger-row .ledger-copy,.ledger-row:nth-child(even) .ledger-copy{grid-column:1}.ledger-row img,.ledger-row:nth-child(even) img{grid-column:1}.ledger-number{width:2.7rem;height:2.7rem}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);width:100%;max-width:100vw}.hero-copy,.hero-frame{width:100%;max-width:100%;min-width:0}.ratio-float{width:calc(100% - 3rem);max-width:100%;min-width:0}.hero-copy p{max-width:100%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal,.js .reveal.in{opacity:1;transform:none;transition:none}.hero-frame,.privacy-bridge figure{transform:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}