@font-face{font-family:Cairo;src:url(assets/cairo-400.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Cairo;src:url(assets/cairo-700.ttf);font-weight:700;font-display:swap}
@font-face{font-family:Cairo;src:url(assets/cairo-900.ttf);font-weight:900;font-display:swap}
:root{--mint:#cbe7b9;--paper:#f4f6f0;--ink:#131613;--muted:#505a4c;--line:#b5c4ad;--serif:Didot,"Bodoni MT","Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.95 Cairo,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}a:focus-visible,summary:focus-visible{outline:3px solid #486a32;outline-offset:6px}button,a,summary{-webkit-tap-highlight-color:transparent}figure{min-width:0}.skip{position:absolute;top:-100px}.skip:focus{top:8px;right:16px;z-index:30;background:white;padding:12px}header{height:82px;position:sticky;top:0;z-index:10;background:#cbe7b9f5;border-bottom:1px solid #13161330;display:flex;justify-content:space-between;align-items:center;padding:0 5.5vw;gap:24px}.maker{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:900;white-space:nowrap}.maker img{object-fit:contain}.brand-pair{font:21px var(--serif);padding-right:8px;border-right:1px solid #13161344}nav{display:flex;gap:28px;font-size:14px}nav a{padding:9px 0}nav a[aria-current]{border-bottom:1px solid}.counter{font:14px var(--serif);letter-spacing:2px;white-space:nowrap}.slide{padding:30px 6.5vw 70px;border-bottom:1px solid var(--line)}.chapter{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding-bottom:32px;color:var(--muted)}.chapter span:last-child{font-family:var(--serif);letter-spacing:1.1px}.cover{background:var(--mint)}.split{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.cover .split{min-height:590px}.eyebrow{font:clamp(26px,3.2vw,44px)/1.2 var(--serif);margin-bottom:26px}.copy>.eyebrow:not([dir]){font:14px/1.9 Cairo,sans-serif}h1{font-size:clamp(44px,5.1vw,78px);line-height:1.55;letter-spacing:-2px;font-weight:900}h1 span{font-weight:400}h2{font-size:clamp(31px,3.35vw,50px);line-height:1.6;letter-spacing:-1px;font-weight:700}h3{font-size:21px;line-height:1.7;font-weight:700}.lead{font-size:19px;line-height:2.05;margin:24px 0;max-width:550px}.text-link{display:inline-block;border-bottom:1px solid;padding:6px 0;margin-top:8px;font-size:15px}.hero-image{width:100%;max-width:520px;justify-self:center}.hero-image img{width:100%;aspect-ratio:1/1;object-fit:contain}.cover-foot{border-top:1px solid #13161330;margin-top:40px;padding-top:15px;display:flex;justify-content:space-between;gap:15px;font-size:12px}.cover-foot span:first-child{font-family:var(--serif);letter-spacing:1px}figcaption,.note{font-size:13px;line-height:1.9;color:var(--muted);margin-top:13px}figcaption a,.note a{border-bottom:1px solid}.product{padding-top:38px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:20px 0 42px}.section-heading p{max-width:430px}.reference-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;direction:ltr}.reference-layout>*{direction:rtl}.reference-photo{max-width:450px;justify-self:center;width:100%}.reference-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}.design-notes article{border-top:1px solid var(--line);padding:24px 0;display:flex;gap:24px}.detail-number{font:21px var(--serif);padding-top:6px}.design-notes p{margin-top:8px;font-size:16px}.source-disclosure{margin-top:0}.source-disclosure img{max-width:420px;margin:20px auto}.spec-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;border-block:1px solid var(--ink);margin:48px 0 22px;padding:32px 0;align-items:center}.spec-strip p{font-size:15px;margin-top:10px}.dimension strong{font:80px/1 var(--serif);display:block;text-align:right}.dimension strong span{font-size:24px}.previous{background:#e1ecd7}.previous figure{width:100%;max-width:430px;justify-self:center}.previous .copy>p:not(.eyebrow){margin-bottom:22px}details{border-block:1px solid var(--line);padding:16px 0;margin-top:28px}summary{cursor:pointer;font-size:15px}.real-sample{max-height:480px;width:auto;margin:22px auto}.usage{background:var(--ink);color:var(--mint);padding-top:38px}.usage .chapter,.usage figcaption{color:#b4c5aa}.usage-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;margin-top:20px}.usage h2{margin-bottom:36px}.usage-lines article{display:flex;gap:23px;padding:25px 0;border-top:1px solid #cbe7b940}.usage-lines article>span{font:22px var(--serif);padding-top:5px}.usage-lines p{font-size:16px;color:#e2e9dc;margin-top:12px}.usage-figure{width:100%;max-width:510px;justify-self:center}.usage-figure img{width:100%;aspect-ratio:1/1;object-fit:cover}.contact{background:var(--mint);padding-bottom:28px}.contact .split{padding:45px 0 70px}.contact .eyebrow{font:14px Cairo,sans-serif}.contact-links>a{display:block;border-top:1px solid #13161355;padding:23px 0}.contact-links small{display:block;font-size:14px}.contact-links a span{display:block;text-align:right;font-size:clamp(20px,2.25vw,32px);font-weight:700;overflow-wrap:anywhere}.contact-links a:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:20px;font-size:13px;border-top:1px solid #13161355;padding-top:24px}
@media(min-width:1600px){.slide{padding-inline:max(6.5vw,calc((100vw - 1440px)/2))}.cover .split{min-height:680px}}
@media(max-width:850px){header{padding:0 5vw;height:74px;gap:18px}.counter{display:none}.brand-pair{font-size:18px}nav{gap:18px}.split,.reference-layout,.usage-layout{grid-template-columns:1fr;gap:34px}.cover .split{min-height:0}.cover .copy{max-width:600px}.hero-image{max-width:580px}.cover-foot{margin-top:26px}.slide{padding:27px 6vw 50px}.chapter{font-size:12px;padding-bottom:25px}.section-heading{display:block;margin:15px 0 30px}.section-heading p{margin-top:15px;max-width:580px}.reference-photo{max-width:450px}.spec-strip{gap:24px;grid-template-columns:1fr 1fr}.dimension{grid-column:1/-1;display:flex;gap:25px;align-items:center}.dimension strong{font-size:72px}.dimension p{margin-top:0}.previous .copy{grid-row:1}.usage-figure{max-width:560px}.contact .split{padding:25px 0 40px}.contact-links a span{font-size:26px}.usage-layout{margin-top:10px}h1{font-size:60px}.lead{font-size:18px}}
@media(max-width:520px){header{height:auto;min-height:96px;padding-block:10px;flex-wrap:wrap;gap:3px;justify-content:center}.maker{font-size:19px}.maker img{width:23px;height:27px}nav{width:100%;justify-content:center;gap:26px;font-size:14px}nav a{padding:3px 0}.brand-pair{font-size:19px}.chapter{gap:12px;line-height:1.8}.chapter span:last-child{max-width:46%;text-align:left;font-size:12px;letter-spacing:.6px}h1{font-size:44px;letter-spacing:-1px}.eyebrow{font-size:35px;margin-bottom:18px}.lead{font-size:17px;margin:20px 0}.cover-foot{font-size:12px}.hero-image{max-width:none}.spec-strip{grid-template-columns:1fr;margin-top:30px;gap:26px}.dimension{grid-column:auto;gap:20px}.dimension strong{font-size:66px;white-space:nowrap}.dimension p{font-size:14px}.design-notes article{gap:16px}.design-notes h3{font-size:20px}.design-notes p{font-size:16px}.section-heading p{font-size:16px}.usage h2{margin-bottom:26px}footer{flex-wrap:wrap}html{scroll-padding-top:115px}.contact-links a span{font-size:23px}}
@media(max-width:520px){.cover .split{display:flex;flex-direction:column;gap:0}.cover .copy{display:contents}.cover .eyebrow{order:0}.cover h1{order:1;margin-bottom:22px}.cover .hero-image{order:2}.cover .lead{order:3}.cover .text-link{order:4;align-self:flex-start}.cover .cover-foot{order:5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}