.volume-page{background:var(--background);color:var(--foreground);overflow:hidden}.volume-wrap{width:min(100% - 2.5rem,1180px);margin:0 auto}.volume-breadcrumb{letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.7rem;padding:1.8rem 0 1rem;font-size:.73rem;font-weight:800;display:flex}.volume-breadcrumb a:hover{color:var(--primary);text-decoration:underline}.volume-intro{grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);align-items:center;gap:3rem;padding:1.5rem 0 3.8rem;display:grid}.volume-kicker,.volume-number,.volume-result-top,.volume-result-label,.volume-result-band,.volume-result-footer,.volume-dimensions-result>span{letter-spacing:.18em;font-size:.68rem;font-weight:900}.volume-kicker{color:var(--primary);align-items:center;gap:.6rem;display:flex}.volume-kicker-dot{background:var(--primary);border-radius:50%;width:.55rem;height:.55rem;display:block}.volume-intro h1{font-family:var(--font-display);letter-spacing:-.025em;margin:1.25rem 0 0;font-size:clamp(5.5rem,12vw,10.8rem);line-height:.84}.site-content main.volume-page h1:after{display:none}.volume-intro h1 em{text-transform:none;letter-spacing:-.075em;color:var(--primary);font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:600}.volume-intro-side{min-width:0;padding-bottom:.5rem}.volume-hero-graphic{aspect-ratio:440/270;width:min(100%,440px);height:auto;color:var(--foreground);position:relative}.volume-hero-graphic>svg{width:100%;height:100%}.volume-hero-board{height:81%;color:var(--primary);filter:drop-shadow(8px 8px #20211e29);position:absolute;top:5%;left:46%;transform:rotate(26deg)}.volume-hero-board svg path:first-child{fill:var(--card)}.volume-hero-stamp{border:2px solid var(--primary);width:clamp(64px,7vw,87px);height:clamp(64px,7vw,87px);color:var(--primary);font-family:var(--font-display);text-align:center;border-radius:50%;place-items:center;font-size:clamp(.85rem,1.3vw,1rem);line-height:1;display:grid;position:absolute;top:22%;left:1%;transform:rotate(-13deg)}.volume-hero-stamp span{display:block}.volume-intro-side p{max-width:380px;margin:.6rem 0 .9rem;font-size:.98rem;font-weight:550;line-height:1.65}.volume-text-link{text-underline-offset:5px;align-items:center;gap:.6rem;min-height:44px;font-size:.83rem;font-weight:900;text-decoration:underline;display:inline-flex}.volume-text-link:hover{color:var(--primary)}.volume-tool{border:2px solid var(--foreground);box-shadow:9px 9px 0 var(--sand);grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);margin:0 9px 5rem 0;scroll-margin-top:5rem;display:grid}.volume-controls{background:var(--card);padding:clamp(1.5rem,3.5vw,3rem)}.volume-section-heading{color:var(--primary);justify-content:space-between;align-items:center;display:flex}.volume-controls h2,.volume-dimensions h2,.volume-faq h2{font-family:var(--font-display);margin:.65rem 0 0;font-size:clamp(2rem,3vw,3.2rem);line-height:1}.volume-section-copy{color:var(--muted-foreground);margin-top:.75rem;font-size:.86rem}.volume-weight-block{margin-top:2.6rem}.volume-field-head{justify-content:space-between;align-items:center;display:flex}.volume-field-head label,.volume-style-fieldset legend,.volume-select-grid label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:900}.volume-unit-toggle{border:1px solid var(--border);background:var(--background);padding:3px;display:flex}.volume-unit-toggle button{min-width:40px;min-height:30px;font-size:.75rem;font-weight:900}.volume-unit-toggle button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.volume-weight-value{align-items:baseline;margin:.2rem 0 .5rem;display:flex}.volume-weight-value input{outline-offset:4px;width:4.5ch;color:var(--foreground);font-family:var(--font-display);background:0 0;border:0;padding:0;font-size:clamp(4rem,7vw,6.3rem);line-height:1}.volume-weight-value input::-webkit-inner-spin-button{appearance:none}.volume-weight-value span{font-family:var(--font-display);text-transform:uppercase;color:var(--primary);margin-left:.3rem;font-size:1.6rem}.volume-range,.volume-dimensions input[type=range]{cursor:pointer;width:100%;height:8px;accent-color:var(--primary)}.volume-range{appearance:none;background:linear-gradient(to right, var(--primary) var(--range-fill), var(--secondary) var(--range-fill))}.volume-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--card);background:var(--primary);width:22px;height:22px;box-shadow:0 0 0 2px var(--primary);border-radius:50%}.volume-range::-moz-range-thumb{border:3px solid var(--card);background:var(--primary);width:18px;height:18px;box-shadow:0 0 0 2px var(--primary);border-radius:50%}.volume-range-ends{color:var(--muted-foreground);justify-content:space-between;margin-top:.5rem;font-size:.65rem;font-weight:800;display:flex}.volume-style-fieldset{border:0;min-width:0;margin:2.5rem 0 0;padding:0}.volume-style-fieldset legend{margin-bottom:.8rem}.volume-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.volume-style-option{border:1.5px solid var(--border);background:var(--background);text-align:left;flex-direction:row;align-items:center;gap:.7rem;min-width:0;min-height:86px;padding:.7rem .75rem;transition:transform .16s,background .16s,border-color .16s;display:flex;position:relative}.volume-style-option:hover{border-color:var(--foreground);transform:translateY(-2px)}.volume-style-option.is-active{border-color:var(--primary);background:var(--accent);box-shadow:inset 0 -4px 0 var(--primary)}.volume-style-art{width:37px;height:61px;color:var(--primary);flex:none;justify-content:center;display:flex}.volume-style-text{min-width:0;padding-right:.2rem;display:block}.volume-style-option strong{font-size:.77rem;line-height:1.2;display:block}.volume-style-option small{color:var(--muted-foreground);margin-top:.3rem;font-size:.71rem;line-height:1.35;display:block}.volume-style-index{color:var(--muted-foreground);opacity:.65;font-size:.55rem;font-weight:900;position:absolute;top:.42rem;right:.45rem}.volume-select-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.3rem;display:grid}.volume-select-grid label{display:block}.volume-select-grid select,.volume-dimensions-shape select{border:1.5px solid var(--border);background:var(--background);width:100%;min-height:48px;color:var(--foreground);text-transform:none;letter-spacing:0;border-radius:0;margin-top:.5rem;padding:.6rem .8rem;font-size:.87rem;font-weight:700;display:block}.volume-select-grid select:focus-visible,.volume-dimensions-shape select:focus-visible,.volume-weight-value input:focus-visible,.volume-style-option:focus-visible,.volume-unit-toggle button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.volume-select-wide{grid-column:1/-1}.volume-result{color:#20211e;background:#cfdecf;border-left:2px solid #20211e;flex-direction:column;min-width:0;display:flex;position:relative}.volume-result-top{color:#344c40;justify-content:space-between;align-items:center;padding:1.5rem 1.7rem 0;display:flex}.volume-result-art{background:#cfdecf;height:clamp(225px,26vw,315px);position:relative;overflow:hidden}.volume-result-scene{width:100%;height:100%;position:absolute;inset:0}.volume-result-board{z-index:2;color:#a83529;filter:drop-shadow(7px 9px #20211e33);height:91%;animation:4.5s ease-in-out infinite volume-bob;position:absolute;top:2%;left:43%;transform:rotate(-18deg)}.volume-result-board svg path:first-child{fill:#f6e8cc}.volume-art-stamp{z-index:3;color:#a83529;width:86px;height:86px;font-family:var(--font-display);text-align:center;background:#f3e3c7;border:2px solid #a83529;border-radius:50%;place-items:center;font-size:1rem;line-height:1;display:grid;position:absolute;top:23%;right:7%;transform:rotate(14deg);box-shadow:3px 3px #20211e33}.volume-result-content{background:#f0e4ce;border-top:2px solid #20211e;flex:1;padding:1.2rem clamp(1.4rem,3vw,2.5rem) 1.6rem}.volume-result-label{color:#795046;margin:0}.volume-result-number{color:#a83529;font-family:var(--font-display);align-items:baseline;gap:.7rem;margin:.1rem 0 .3rem;line-height:1;display:flex}.volume-result-number span{font-size:clamp(5rem,9vw,8rem)}.volume-result-number small{font-size:clamp(1.1rem,2vw,1.8rem)}.volume-result-band{color:#4b443b;border-top:1px solid #9b917d;border-bottom:1px solid #9b917d;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.volume-result-band strong{letter-spacing:0;font-size:1.5rem;font-family:var(--font-display);color:#20211e;white-space:nowrap}.volume-result-meter{padding:1rem 0 .15rem}.volume-meter-track{background:linear-gradient(90deg,#cc7770 0%,#e8b572 51%,#8daeae 100%);border:1px solid #20211e;border-radius:99px;height:10px;display:block;position:relative}.volume-meter-center{background:#a83529;border:3px solid #f0e4ce;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #20211e}.volume-meter-labels{color:#655d51;justify-content:space-between;margin-top:.62rem;font-size:.65rem;font-weight:800;display:flex}.volume-result-description{color:#4b443b;margin:1rem 0 0;font-size:.83rem;line-height:1.6}.volume-result-tip{background:#e7d4b6;gap:.4rem;margin:.8rem 0 0;padding:.75rem;font-size:.72rem;line-height:1.4;display:flex}.volume-result-tip svg{flex:none}.volume-result-footer{color:#fff8ec;background:#a83529;border-top:2px solid #20211e;justify-content:space-between;align-items:center;min-height:58px;padding:0 1.7rem;display:flex}.volume-result-footer:hover{background:#81271e}.volume-explainer{grid-template-columns:.9fr 1.1fr;gap:3rem;padding:2rem 0 5rem;scroll-margin-top:5rem;display:grid}.volume-explainer h2{font-family:var(--font-display);margin:1.3rem 0 0;font-size:clamp(3.8rem,6vw,6.5rem);line-height:.96}.volume-explainer h2 em,.volume-next h2 em{text-transform:none;letter-spacing:-.06em;color:var(--primary);font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:600}.volume-explainer-copy{max-width:600px;padding-top:.25rem}.volume-explainer-copy p{margin-bottom:1.15rem;font-size:.98rem;line-height:1.75}.volume-dimensions{border:2px solid var(--foreground);background:var(--plinth-sea);grid-template-columns:1fr 1.15fr .72fr;align-items:center;gap:clamp(1.3rem,3vw,3rem);padding:clamp(1.5rem,3vw,3rem);display:grid}.volume-dimensions-intro svg{color:var(--primary);margin:1.5rem 0 .5rem}.volume-dimensions h2{font-size:clamp(2.2rem,3.5vw,3.6rem)}.volume-dimensions-intro p{max-width:300px;margin-top:1rem;font-size:.8rem;line-height:1.65}.volume-dimensions-form{gap:1.1rem;display:grid}.volume-dimensions-form label{font-size:.78rem;font-weight:900;display:block}.volume-dimensions-form label strong{float:right;font-family:var(--font-display);font-size:1.1rem;font-weight:400}.volume-dimensions-form input{margin-top:.5rem;display:block}.volume-dimensions-shape select{clear:both;background:var(--card)}.volume-dimensions-result{border:2px solid var(--foreground);background:var(--card);min-height:250px;box-shadow:5px 5px 0 var(--primary);flex-direction:column;justify-content:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.volume-dimensions-result>span,.volume-dimensions-result>strong,.volume-dimensions-result>p{z-index:1;position:relative}.volume-dimensions-result-board{height:100%;color:var(--primary);opacity:.14;position:absolute;top:4%;right:-3%;transform:rotate(17deg)}.volume-dimensions-result strong{color:var(--primary);font-family:var(--font-display);white-space:nowrap;margin:.5rem 0;font-size:clamp(3.6rem,5vw,5rem);font-weight:400;line-height:1;display:block}.volume-dimensions-result strong small{font-size:.45em}.volume-dimensions-result p{color:var(--muted-foreground);font-size:.72rem;line-height:1.5}.volume-next{border-top:2px solid var(--foreground);border-bottom:2px solid var(--foreground);justify-content:space-between;align-items:end;gap:2rem;margin:5rem 0;padding:2.5rem 0;display:flex}.volume-next h2{font-family:var(--font-display);margin:.7rem 0;font-size:clamp(2.5rem,4vw,4.2rem);line-height:1}.volume-next p{max-width:540px;font-size:.87rem;line-height:1.6}.volume-next-link{background:var(--primary);min-height:54px;color:var(--primary-foreground);white-space:nowrap;justify-content:space-between;align-items:center;gap:1.6rem;padding:.8rem 1.2rem;font-weight:900;display:inline-flex}.volume-next-link:hover{opacity:.85}.volume-faq{grid-template-columns:.65fr 1.35fr;gap:3rem;padding-bottom:5rem;display:grid}.volume-faq h3{margin-top:1.4rem;font-size:1rem;font-weight:900}.volume-faq h3:first-child{margin-top:0}.volume-faq p{color:var(--muted-foreground);margin-top:.5rem;font-size:.85rem;line-height:1.7}.volume-faq-more a{color:var(--foreground);text-underline-offset:3px;font-weight:800;text-decoration:underline}@media (width<=900px){.volume-intro{gap:1rem}.volume-tool,.volume-dimensions{grid-template-columns:1fr 1fr}.volume-dimensions-intro{grid-column:1/-1}.volume-dimensions-intro p{max-width:650px}}@media (width<=700px){.volume-wrap{width:min(100% - 2rem,520px)}.volume-intro{grid-template-columns:1fr;gap:.7rem;padding:1.5rem 0 1.4rem}.volume-intro h1{font-size:clamp(5rem,21vw,8rem)}.volume-intro-side{flex-direction:column;align-items:flex-start;display:flex}.volume-hero-graphic{width:min(100%,360px);height:145px;overflow:hidden}.volume-intro-side p{margin:.25rem 0 .8rem}.volume-tool{grid-template-columns:1fr;margin-bottom:4rem}.volume-result{border-left:0;border-top:2px solid var(--foreground)}.volume-result-art{height:240px}.volume-result-number span{font-size:6rem}.volume-explainer{grid-template-columns:1fr;gap:1.5rem;padding-bottom:4rem}.volume-dimensions{grid-template-columns:1fr}.volume-dimensions-intro{grid-column:auto}.volume-dimensions-result{min-height:180px}.volume-next{flex-direction:column;align-items:flex-start;margin:4rem 0}.volume-faq{grid-template-columns:1fr;gap:1.5rem}}@media (width<=480px){.volume-style-grid,.volume-select-grid{grid-template-columns:1fr}.volume-style-option{min-height:75px}.volume-select-wide{grid-column:auto}}@media (width<=380px){.volume-controls{padding:1rem}.volume-select-grid{grid-template-columns:1fr}.volume-select-wide{grid-column:auto}.volume-result-band strong{font-size:1.15rem}}@keyframes volume-bob{0%,to{transform:translateY(0)rotate(-18deg)}50%{transform:translateY(-7px)rotate(-16deg)}}@media (prefers-reduced-motion:reduce){.volume-style-option{transition:none}.volume-result-board{animation:none}}