:root{--page:#e7e6e3;--sheet:#fbfaf8;--ink:#111110;--muted:#62615e;--line:#c8c7c3;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;padding:clamp(12px,5vw,70px) 16px;background:var(--page);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.site-sheet{width:min(100%,990px);margin:0 auto;background:var(--sheet);box-shadow:0 18px 35px rgba(0,0,0,.13)}.browser-rail{display:none}.header{display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,6vw,76px)}.brand{display:inline-flex;flex-direction:column;font-size:17px;font-weight:700;letter-spacing:-.08em;line-height:.77}.brand span{font-size:10px;letter-spacing:.19em;margin:6px 0 0 2px}.header nav{display:flex;gap:clamp(12px,2.7vw,30px);font-size:10px;font-weight:600}.header nav a:hover,.intro__copy a:hover{text-decoration:underline;text-underline-offset:4px}.intro{display:grid;gap:30px;padding:22px clamp(24px,9vw,110px) 70px}.intro__image{margin:0;aspect-ratio:1.04;overflow:hidden;background:#ddd}.intro__image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);object-position:70% center}.intro__copy{align-self:center}.intro h1,.objects h2{margin:0;font-size:clamp(36px,5.6vw,71px);font-weight:600;letter-spacing:-.075em;line-height:.88}.intro h1 strong{font-weight:600}.intro__copy p{max-width:350px;margin:20px 0;color:#2c2c2a;font-size:13px;line-height:1.55}.intro__copy a{font-size:10px;font-weight:700}.intro__copy a span{margin-left:8px}.method{padding:32px clamp(24px,9vw,110px) 64px}.method h2{margin:0 0 20px;font-size:17px;letter-spacing:-.05em}.method__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.method__grid article b{font-size:10px}.method__grid article p{margin:8px 0 0;font-size:10px;line-height:1.45}.objects{padding:30px clamp(24px,9vw,110px) 70px}.objects__top{display:grid;gap:18px;margin-bottom:30px}.objects__top p{max-width:260px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.objects__grid{display:grid;gap:18px}.object-image{height:190px;overflow:hidden;background:#ddd}.object-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .45s ease}.object-image--glass img{object-position:84% 61%}.object-image--steel img{object-position:64% 83%;transform:scale(1.55)}.object-image--stone img{object-position:95% 96%;transform:scale(2.2)}.objects article:hover .object-image img{transform:scale(1.07)}.objects article:hover .object-image--steel img{transform:scale(1.65)}.objects article:hover .object-image--stone img{transform:scale(2.35)}.objects h3{margin:10px 0 5px;font-size:11px}.objects article p{margin:0;color:var(--muted);font-size:9px}.material-note{display:grid;gap:25px;padding:80px clamp(24px,18vw,200px);background:#e2e1de}.material-note p{margin:0;font-size:clamp(25px,4vw,47px);font-weight:400;letter-spacing:-.06em;line-height:1.02}.material-note p strong{font-weight:700}.material-note span{font-size:9px;font-weight:600}footer{display:grid;gap:24px;padding:28px clamp(24px,9vw,110px);border-top:1px solid var(--ink)}footer p{margin:0;font-size:9px;line-height:1.5}footer p:last-child{font-weight:600}@media(min-width:720px){.browser-rail{display:grid;grid-template-columns:10px 10px 10px 1fr auto;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);color:#666;font-size:8px}.browser-rail span{width:8px;aspect-ratio:1;border-radius:50%;background:#e06f67}.browser-rail span:nth-child(2){background:#e3b85b}.browser-rail span:nth-child(3){background:#72b47b}.browser-rail p{margin:0 0 0 8px;padding:4px 10px;border-radius:3px;background:#efeeeb}.browser-rail b{font-size:12px}.intro{grid-template-columns:.9fr 1.1fr;align-items:center;padding-top:42px}.intro__image{aspect-ratio:1}.method__grid{grid-template-columns:repeat(4,1fr);gap:28px}.objects__top{grid-template-columns:1fr .8fr;align-items:end}.objects__grid{grid-template-columns:repeat(3,1fr);gap:14px}.object-image{height:155px}.material-note{grid-template-columns:1fr auto;align-items:end}footer{grid-template-columns:1fr 1fr auto;align-items:end}}@media(max-width:500px){.header nav{gap:10px;font-size:8px}.header nav a:nth-child(3){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.object-image img{transition:none}}