@font-face{font-family:Neuzeit;src:url(/preview-assets/NeuzeitGro-Reg.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Neuzeit;src:url(/preview-assets/NeuzeitGro-Bol.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:PilarDisplay;src:url(/preview-assets/NeuzeitGroExt-Bla.otf)format("opentype");font-weight:900;font-display:swap}:root{--ink:#0d4439;--ink-soft:#476b63;--paper:#fffaf2;--sand:#f6e7d1;--line:#0d44393d;--accent:#ca745e;--s-1:4px;--s-2:8px;--s-3:16px;--s-4:24px;--s-5:32px;--s-6:48px;--s-7:64px;--s-8:96px;--radius:24px;--shadow:0 22px 48px #0d44391f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--ink);color:var(--ink);margin:0;font:400 17px/1.55 Neuzeit,Arial,sans-serif}button,input{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.page{background:var(--paper);min-height:100svh;position:relative;overflow:hidden}.shell{width:min(100% - 48px,1200px);min-height:100svh;padding-block:var(--s-4) var(--s-5);align-content:space-between;gap:var(--s-6);margin:0 auto;display:grid}.switcher{z-index:5;top:var(--s-3);right:var(--s-3);gap:var(--s-1);padding:var(--s-1);background:#0d4439e0;border:1px solid #fffaf26b;border-radius:999px;display:flex;position:fixed;box-shadow:0 8px 24px #0000002e}.switcher button{color:#fffaf2bf;background:0 0;border:0;border-radius:999px;min-width:44px;min-height:44px;font-size:13px;font-weight:700}.switcher button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.intro{gap:var(--s-6);display:grid}.brand{width:72px;height:auto}.intro-copy{gap:var(--s-4);max-width:680px;display:grid}.kicker{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:14px;font-weight:700;line-height:1.25}h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-family:PilarDisplay,Impact,sans-serif;font-size:clamp(52px,7vw,94px);font-weight:900;line-height:.9}.calculator{border:1px solid var(--line);border-radius:var(--radius);background:var(--sand);box-shadow:var(--shadow)}.calculator-content{gap:var(--s-5);padding:var(--s-4);display:grid}.control{gap:var(--s-3);padding-bottom:var(--s-4);border-bottom:1px solid var(--line);display:grid}.control-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);display:flex}.control label{font-size:16px;font-weight:700}.control output{color:var(--ink-soft);white-space:nowrap;font-size:16px}input[type=range]{-webkit-appearance:none;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:44px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) 0 var(--fill),#0d443933 var(--fill) 100%);border-radius:999px;height:4px}input[type=range]::-moz-range-track{background:linear-gradient(to right,var(--accent) 0 var(--fill),#0d443933 var(--fill) 100%);border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:28px;height:28px;margin-top:-12px;box-shadow:0 3px 9px #0d443929}input[type=range]::-moz-range-thumb{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:28px;height:28px;box-shadow:0 3px 9px #0d443929}.result-stack{gap:0;display:grid}.result-label{margin:0 0 var(--s-4);font-size:16px;line-height:1.45}.result{color:var(--accent);letter-spacing:-.035em;white-space:nowrap;margin:0;font-family:PilarDisplay,Impact,sans-serif;font-size:clamp(64px,19vw,110px);font-weight:900;line-height:.85}.result-unit{margin:var(--s-2) 0 0;font-size:16px;font-weight:700}.note{color:var(--ink-soft);margin:0;font-size:16px}.direction-e{background:var(--ink);color:var(--paper)}.direction-e .kicker,.direction-e .control output,.direction-e .note{color:#fffaf2b8}.direction-e .calculator{color:var(--paper);background:#fffaf214;border-color:#fffaf25c}.direction-e .control{border-color:#fffaf24d}.direction-e .result{color:#f0a890}.direction-e input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#f0a890 0 var(--fill),#fffaf252 var(--fill) 100%)}.direction-e input[type=range]::-moz-range-track{background:linear-gradient(to right,#f0a890 0 var(--fill),#fffaf252 var(--fill) 100%)}.direction-e input[type=range]::-webkit-slider-thumb{border-color:var(--paper);background:var(--ink)}.direction-e input[type=range]::-moz-range-thumb{border-color:var(--paper);background:var(--ink)}.direction-f{color:var(--paper);background:linear-gradient(90deg,#123d36 0%,#123d36e0 40%,#123d364d 70%),url(/preview-assets/pilar-exterior-preview.jpg) 67%/cover}.direction-f .kicker{color:#f2c5a3}.direction-f .calculator{background:var(--paper)}@media (min-width:700px){.shell{width:min(100% - 96px,1200px);padding-block:var(--s-4)}.switcher{top:var(--s-4);right:var(--s-4)}.intro{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.brand{grid-column:1/span 12}.intro-copy{grid-column:1/span 7}.calculator{justify-self:end;width:min(500px,45vw)}.direction-d .calculator-content{align-items:end;gap:var(--s-5);grid-template-columns:repeat(2,minmax(0,1fr))}.direction-d .control{border:0;grid-column:2;padding:0}.direction-d .result-stack{grid-area:1/1}.direction-d .note{padding-top:var(--s-4);border-top:1px solid var(--line);grid-column:1/-1}.direction-e .calculator-content,.direction-f .calculator-content{align-items:end;gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr))}.direction-e .control,.direction-f .control{border:0;grid-area:1/1;padding:0}.direction-e .result-stack,.direction-f .result-stack{grid-area:1/2}.direction-e .note,.direction-f .note{padding-top:var(--s-3);border-top:1px solid var(--line);grid-column:1/-1}.direction-f .shell{align-content:stretch;align-items:end;gap:var(--s-6);grid-template-rows:auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr))}.direction-f .intro{display:contents}.direction-f .brand{grid-area:1/1/auto/span 12;width:86px}.direction-f .intro-copy{align-self:end;gap:var(--s-6);grid-area:2/1/auto/span 6;max-width:590px}.direction-f h1{font-size:clamp(56px,8vw,122px)}.direction-f .calculator{grid-area:2/8/auto/span 5;place-self:end stretch;width:auto}.direction-f .calculator-content{align-items:stretch;gap:var(--s-4);grid-template-columns:1fr}.direction-f .control{padding-bottom:var(--s-4);border-bottom:1px solid var(--line);grid-area:auto}.direction-f .result-stack{grid-area:auto}.direction-f .note{padding-top:var(--s-3);border-top:1px solid var(--line);grid-column:auto}}@media (prefers-reduced-motion:no-preference){.page,.switcher button{transition:background-color .2s,color .2s}}