:root{--ink:#12120f;--paper:#f2f0ea;--oxide:#bd4c2b;--line:#b9b6ae;--muted:#6e6b65;--white:#faf9f6;--max:1600px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.35}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.8rem;z-index:99}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 2vw;border-bottom:1px solid var(--ink);position:sticky;top:0;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);z-index:20}.brand{font-weight:700;letter-spacing:.03em}.brand span{color:var(--oxide);margin:0 .25em}.site-header nav{display:flex;gap:1.7rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.site-header nav a:hover{color:var(--oxide)}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:58% 42%;grid-template-rows:1fr auto;border-bottom:1px solid var(--ink)}.hero-copy{padding:4vw 2vw 2vw;display:flex;flex-direction:column;justify-content:space-between}.kicker,.section-index{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;margin:0}.hero h1{font-size:clamp(4rem,10vw,11rem);line-height:.75;letter-spacing:-.075em;margin:7vh 0 5vh;font-weight:800}.hero h1 span{display:block}.hero h1 .shift{margin-left:8vw;color:var(--oxide)}.hero-intro{display:grid;grid-template-columns:minmax(250px,480px) auto;align-items:end;gap:2rem}.hero-intro p{font-size:1.1rem;margin:0;max-width:42ch}.actions{display:flex;gap:.6rem;flex-wrap:wrap}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.8rem 1rem;border:1px solid var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.button.dark{background:var(--ink);color:var(--white)}.button.line:hover,.button.dark:hover{background:var(--oxide);border-color:var(--oxide);color:#fff}.hero-image{margin:0;border-left:1px solid var(--ink);display:grid;grid-template-rows:1fr auto;background:#e7e1da;overflow:hidden}.hero-image img{height:100%;object-fit:cover;min-height:0}.hero-image figcaption{display:grid;grid-template-columns:1fr 3fr 1fr;padding:.75rem 1rem;border-top:1px solid var(--ink);font-size:.68rem;letter-spacing:.1em}.hero-image figcaption span:last-child{text-align:right}.hero-symbols{grid-column:1/-1;border-top:1px solid var(--ink);height:54px;display:flex;align-items:center;gap:3rem;padding:0 2vw;font-size:.72rem;letter-spacing:.12em}.hero-symbols span{display:flex;align-items:center;gap:.6rem}.square,.circle,.triangle{display:inline-block;width:.8em;height:.8em;background:currentColor}.circle{border-radius:50%}.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.finder{padding:6rem 2vw;background:var(--ink);color:var(--white);display:grid;grid-template-columns:15% 1fr;gap:2rem}.finder>.section-index{grid-row:1/4;color:#aaa}.finder-heading{max-width:760px}.finder-heading h2,.section-head h2,.materials h2{font-size:clamp(2.6rem,5.5vw,6rem);line-height:.9;letter-spacing:-.055em;margin:1.2rem 0 1.5rem}.finder-heading>p:last-child{color:#bdbbb5;font-size:1.05rem}#finder-form{grid-column:2;max-width:1200px}fieldset{border:0;padding:0;margin:0 0 3.2rem}legend{width:100%;border-bottom:1px solid #54544f;padding-bottom:.8rem;margin-bottom:1rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}legend span{color:var(--oxide);margin-right:1rem}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.option-grid label{position:relative;cursor:pointer}.option-grid input{position:absolute;opacity:0}.option-grid label span{display:flex;flex-direction:column;gap:.45rem;border:1px solid #55554f;min-height:115px;padding:1rem;color:#aaa;transition:.2s}.option-grid label b{font-size:.82rem;color:var(--white);letter-spacing:.08em}.option-grid input:checked+span{background:var(--paper);color:#5e5b55;border-color:var(--paper)}.option-grid input:checked+span b{color:var(--ink)}.option-grid input:focus-visible+span{outline:2px solid var(--oxide);outline-offset:2px}.result{grid-column:2;display:grid;grid-template-columns:1fr 1.2fr;background:var(--oxide);padding:2.5rem;min-height:340px}.result-id{display:flex;flex-direction:column;margin-top:2rem}.result-id span{font-size:clamp(2rem,4vw,4rem);letter-spacing:.16em}.result-id strong{font-size:clamp(5rem,10vw,10rem);line-height:.9;letter-spacing:-.07em}.result-copy h3{font-size:clamp(2.3rem,4vw,4rem);margin:0 0 1rem;letter-spacing:-.04em}.result-copy p{max-width:45ch}.alternative{font-size:.9rem;border-top:1px solid rgba(255,255,255,.4);padding-top:1rem}.button.light{background:var(--white);margin-top:1rem}.button.light:hover{background:var(--ink);color:var(--white)}.compositions{padding:6rem 2vw}.section-head{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:end;margin:2rem 0 4rem}.section-head h2{margin:0}.section-head p{max-width:34ch}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.product-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;flex-direction:column}.product-card figure{margin:0;aspect-ratio:1.25;overflow:hidden;background:#ddd}.product-card img{height:100%;object-fit:cover;transition:transform .6s}.product-card:hover img{transform:scale(1.025)}.product-data{padding:1rem;display:grid;grid-template-columns:60px 1fr;gap:1rem;min-height:190px}.product-data .number{font-size:2.1rem;font-weight:700;letter-spacing:-.05em}.product-data h3{margin:0 0 .5rem;font-size:1rem;letter-spacing:.06em}.symbols{letter-spacing:.13em}.product-data p{color:var(--muted);font-size:.84rem;margin:.5rem 0}.product-data .orientation{color:var(--ink);margin-top:1.2rem}.product-card>a{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding:1rem;font-size:.74rem;font-weight:700;letter-spacing:.08em}.product-card>a:hover{background:var(--ink);color:var(--white)}.three-offer{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding:2rem 0;font-size:.75rem;letter-spacing:.1em}.three-offer strong{font-size:clamp(1.8rem,4vw,4rem);letter-spacing:-.04em}.materials{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink)}.materials figure{margin:0;background:#eee}.materials figure img{height:100%;object-fit:cover}.materials-copy{padding:5vw 3vw;display:flex;flex-direction:column}.materials h2{font-size:clamp(2.4rem,4.7vw,5rem);margin:4rem 0 2rem}.materials-copy>p{max-width:50ch;font-size:1.05rem}.text-link{margin-top:auto;padding-top:3rem;font-size:.78rem;font-weight:bold;letter-spacing:.08em;text-transform:uppercase}.text-link:hover{color:var(--oxide)}.closing{min-height:55vh;padding:4rem 2vw;display:flex;flex-direction:column;justify-content:space-between;background:var(--oxide);color:#fff}.closing p{font-size:clamp(2.5rem,6vw,7rem);line-height:.9;letter-spacing:-.055em;max-width:13ch;margin:0}.closing a{align-self:flex-end;border-bottom:1px solid currentColor;padding-bottom:.5rem;font-size:.75rem;letter-spacing:.1em}.closing a span{margin-left:2rem}footer{padding:2rem;min-height:260px;background:var(--ink);color:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{font-size:clamp(2rem,5vw,6rem);font-weight:800;letter-spacing:-.06em}footer div{display:flex;justify-content:flex-end;gap:1.5rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}footer p{align-self:end;color:#a7a59f;font-size:.8rem;letter-spacing:.08em}@media(max-width:900px){.site-header{height:auto;min-height:64px;align-items:flex-start;padding:1rem}.site-header nav{gap:.8rem;flex-wrap:wrap;justify-content:flex-end;max-width:60%}.site-header nav a:nth-child(3){display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:65vh;padding:3rem 1rem 2rem}.hero h1{font-size:clamp(4rem,18vw,8rem);margin:8vh 0}.hero h1 .shift{margin-left:0}.hero-intro{grid-template-columns:1fr}.hero-image{border-left:0;border-top:1px solid var(--ink);max-height:78vh}.hero-symbols{padding:0 1rem;gap:1.2rem}.finder{grid-template-columns:1fr;padding:4rem 1rem}.finder>.section-index,.finder-heading,#finder-form,.result{grid-column:1;grid-row:auto}.finder>.section-index{margin-bottom:2rem}.option-grid{grid-template-columns:1fr}.option-grid label span{min-height:85px}.result{grid-template-columns:1fr;padding:1.5rem}.section-head{grid-template-columns:1fr}.compositions{padding:4rem 1rem}.product-grid{grid-template-columns:1fr 1fr}.materials{grid-template-columns:1fr}.materials-copy{padding:4rem 1rem;min-height:550px}.three-offer{gap:1rem}.three-offer span{max-width:8rem}.closing{padding:3rem 1rem}footer{grid-template-columns:1fr;padding:2rem 1rem}footer div{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:580px){.site-header nav a:nth-child(1),.site-header nav a:nth-child(3){display:none}.hero-intro .actions{display:grid}.product-grid{grid-template-columns:1fr}.three-offer{flex-direction:column;align-items:flex-start}.three-offer strong{order:-1}.materials h2{margin-top:2rem}.closing a{align-self:flex-start}.closing a span{display:block;margin:.7rem 0 0}footer div{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}