@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#171918;--panel:#222522;--ink:#f1f2e9;--muted:#b8beb5;--accent:#ff793f;--line:#454c44}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}.wrap{width:min(1180px,90%);margin:auto}header{border-bottom:1px solid var(--line)}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0}.brand{text-decoration:none;font:700 26px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:1px}.brand span{color:var(--accent)}nav{display:flex;gap:26px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}nav a[aria-current=page]{color:var(--accent)}main{min-height:72vh;padding:66px 0 90px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:600;color:var(--accent)}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.02;margin:20px 0;font-weight:700}h1{font-size:clamp(56px,8vw,108px);text-transform:uppercase;letter-spacing:-1px;max-width:900px}h2{font-size:40px}h3{font-size:29px}p{max-width:650px;color:var(--muted)}.hero{padding:10px 0 48px;position:relative}.hero h1 span{color:var(--accent)}.hero p{font-size:20px;max-width:610px}.button{display:inline-block;text-decoration:none;border:1px solid var(--accent);background:var(--accent);color:#171918;padding:13px 23px;font-weight:700;font-size:15px;margin:20px 12px 0 0}.button:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.stitch{border-top:2px dashed #697362;border-bottom:2px dashed #697362;padding:18px 0;margin-top:32px;display:flex;gap:22px;justify-content:space-between;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}.tile{padding:28px 0;border-top:1px solid var(--line)}.num{color:var(--accent);font-size:14px}.tile p{font-size:16px}.intro{max-width:720px}.empty{border:1px dashed var(--line);padding:40px;margin:42px 0;max-width:800px}.empty h2{margin-top:0}.calc{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;margin:40px 0}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:14px;display:block;color:var(--muted)}input,select{display:block;width:100%;padding:13px;background:var(--bg);border:1px solid #747e70;color:var(--ink);font:inherit;margin-top:7px;border-radius:0}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:3px}.results{background:var(--panel);padding:32px;border-top:3px solid var(--accent)}.result-big{font:600 48px/1.1 'Barlow Condensed',Arial,sans-serif;color:var(--ink)}.results p{margin:12px 0}details{border-top:1px solid var(--line);padding:24px 0;max-width:850px}summary{cursor:pointer;font-weight:600}.note{font-size:14px}.error{color:#ffad87}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:20px}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:absolute;top:-80px}.skip:focus{top:4px;background:var(--bg);padding:10px;z-index:3}@media(max-width:760px){header .wrap{align-items:flex-start;flex-direction:column}nav{gap:14px 21px}main{padding:38px 0 60px}.hero p{font-size:18px}.grid,.calc{grid-template-columns:1fr;gap:10px}.stitch{flex-wrap:wrap;gap:10px 22px}h1{font-size:60px}.results{margin-top:22px;padding:24px}footer .wrap{flex-direction:column}.empty{padding:24px}}@media(prefers-reduced-motion:no-preference){a{transition:color .15s,background .15s}}
.math-toolbar{display:flex;align-items:center;gap:26px;flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0}.check{display:flex;align-items:center;gap:10px;color:var(--ink)}.check input{width:20px;height:20px;margin:0;accent-color:var(--accent)}.math-layout{grid-template-columns:1.15fr 1fr;align-items:start}.math-layout h2{margin-top:0}.math-layout small{display:block;font-size:12px;margin-top:5px}input:disabled{opacity:.65}input[aria-invalid=true]{border-color:#ff793f}.math-layout input{min-width:0}.inputs>label{min-width:0}@media(max-width:760px){.math-layout{grid-template-columns:1fr}.math-toolbar{gap:18px}}
.home-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}.home-intro h1{font-size:clamp(56px,6.5vw,90px)}figure{margin:0}.home-photo img{width:100%;height:540px;object-fit:cover}.home-photo figcaption{font-size:13px;color:var(--muted);margin-top:12px}.gallery-section{margin-top:72px;padding-top:34px;border-top:1px solid var(--line)}.gallery-heading{display:grid;grid-template-columns:1fr 1.25fr;gap:36px;align-items:center;margin-bottom:28px}.gallery-heading h2{margin:12px 0;font-size:48px}.gallery-heading p{margin:0}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.photo-grid img{display:block;width:100%;height:330px;object-fit:contain;background:#252824}.photo-grid a{display:block}.photo-grid a:hover img{outline:1px solid var(--accent)}.photo-grid figcaption{font-size:14px;color:var(--muted);line-height:1.5;margin-top:12px}.photo-grid.single-photo{grid-template-columns:minmax(0,700px)}.single-photo img{height:440px}@media(max-width:900px){.home-intro{gap:24px}.home-photo img{height:420px}.photo-grid img{height:260px}}@media(max-width:760px){.home-intro,.gallery-heading{grid-template-columns:1fr}.home-photo img{height:340px}.home-intro .hero{padding-bottom:0}.gallery-heading{gap:12px}.gallery-section{margin-top:48px}.photo-grid{grid-template-columns:1fr}.photo-grid img,.single-photo img{height:auto;max-height:500px}.gallery-heading h2{font-size:40px}}
header .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto 190px;align-items:center;gap:28px;padding:20px 0}.header-logo{display:block;width:190px;justify-self:end}.header-logo img{display:block;width:100%;height:auto}header nav{justify-content:flex-end}@media(max-width:1000px){header .wrap{grid-template-columns:minmax(0,1fr) 160px;gap:16px}.header-logo{grid-column:2;grid-row:1;width:160px}header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}}@media(max-width:480px){header .wrap{grid-template-columns:minmax(0,1fr) 125px;gap:16px}.header-logo{width:125px}header .brand{font-size:22px;line-height:1.15}header nav{gap:14px 20px}}
.math-photos{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.math-photos img{display:block;width:100%;height:300px;object-fit:contain;background:var(--panel)}.math-photos figcaption{font-size:14px;line-height:1.5;color:var(--muted);margin-top:12px}@media(max-width:760px){.math-photos{grid-template-columns:1fr}.math-photos img{height:auto;max-height:400px}}
.diagram-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.diagram-grid figure{padding:20px;background:var(--panel);min-width:0}.dimension-diagram svg{display:block;width:100%;height:auto}.dimension-diagram rect,.dimension-diagram path,.dimension-diagram line{fill:none;stroke:var(--ink);stroke-width:1.5}.dimension-diagram text{fill:var(--ink);font:14px Inter,Arial,sans-serif}.dimension-diagram .seam{stroke:var(--accent);stroke-dasharray:7 5}.dimension-diagram .trim{stroke:var(--accent);stroke-dasharray:2 4}.dimension-diagram .guide{stroke:var(--muted);stroke-dasharray:3 5}.dimension-diagram .dim{stroke:var(--muted)}@media(max-width:760px){.diagram-grid{grid-template-columns:1fr}.diagram-grid figure{padding:10px}}
.dimension-diagram .measure{stroke:var(--muted);marker-start:var(--diagram-arrow);marker-end:var(--diagram-arrow)}.dimension-diagram .leader{stroke:var(--muted);marker-end:var(--diagram-arrow)}.dimension-diagram .extension{stroke:var(--line);stroke-width:1}.dimension-diagram .arrowhead{fill:var(--muted);stroke:none}.dimension-diagram text{paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round}