/* Reference artboard: 1920 × 1080. Measurements scale with the viewport. */
:root{--ink:#4a4a4a;--muted:#959595;--margin:3.90625vw}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,p,dl{margin:0}.canvas{position:relative;width:100%;height:56.25vw;min-height:0;overflow:hidden}.header{position:absolute;top:3.645833vw;left:var(--margin);right:var(--margin);height:2.135417vw;border-bottom:.104167vw solid var(--ink);display:flex;align-items:flex-start;justify-content:space-between}.brand{font-size:1.458333vw;line-height:1.35;font-weight:700}.menu-toggle{position:relative;background:none;border:0;padding:0;width:1.4vw;height:1.65vw;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:.208333vw}.menu-toggle span{display:block;width:1.302083vw;height:.15625vw;background:var(--ink)}.subtitle{position:absolute;top:6.2vw;left:0;width:100%;text-align:center;font-size:1.458333vw;line-height:1.25;font-weight:700}.hero h1{position:absolute;top:11.875vw;left:var(--margin);font-size:8.333333vw;line-height:1.05;font-weight:700;letter-spacing:-.13vw;white-space:nowrap}.hero-image{position:absolute;left:var(--margin);top:21.510417vw;width:92.1875vw;height:30.833333vw;object-fit:fill}.rule{position:absolute;left:var(--margin);right:var(--margin);top:5.677083vw;border-top:.104167vw solid var(--ink)}.sample-intro{position:absolute;top:4.635417vw;left:6.5625vw;display:grid;grid-template-columns:18.854167vw auto}.sample-intro h2{font-size:3.125vw;line-height:1;letter-spacing:-.03vw}.sample-intro p{font-size:1.09375vw;line-height:1.458333vw;color:#000}.sample-grid{position:absolute;top:15.885417vw;left:6.5625vw;right:8.59375vw;display:grid;grid-template-columns:repeat(3,1fr);gap:2.1875vw}.sample-grid a{display:block}.sample-grid img{display:block;width:100%;height:32.8125vw;object-fit:fill}.detail-image{position:absolute;top:9.791667vw;left:var(--margin);height:42.5vw;object-fit:fill}.landscape .detail-image{width:64.21875vw}.portrait .detail-image{width:33.28125vw}.detail-copy{position:absolute;top:31.5625vw;width:26.354167vw}.landscape .detail-copy{left:70vw}.portrait .detail-copy{left:39.0625vw}.detail-copy h1{font-size:3.125vw;line-height:1.2;white-space:nowrap;letter-spacing:-.025vw}.detail-copy p{margin-top:2.1875vw;color:#000;font-size:1.09375vw;line-height:1.458333vw;white-space:nowrap}.detail-copy dl{margin-top:2.5vw;color:var(--muted);font-size:1.09375vw;line-height:1.458333vw}.detail-copy dt,.detail-copy dd{display:inline;margin:0}.detail-copy dt{font-weight:700}.menu{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;border:0;padding:0;background:#fff;color:var(--ink)}.menu::backdrop{background:#fff}.menu .canvas{min-height:100vh}.menu nav{position:absolute;top:34.583333vw;width:100%;text-align:center;font-weight:700;font-size:1.666667vw;line-height:1.979167vw}.menu nav div+div{margin-top:2.083333vw}.menu nav a{display:block}.menu .menu-toggle{font-size:1.666667vw;line-height:1}.menu .menu-toggle span{display:none}.menu .menu-toggle:after{content:'X';font-weight:400}.general .title-panel{position:absolute;left:var(--margin);top:1.666667vw;width:46.09375vw;height:50.677083vw;background:var(--muted);display:flex;align-items:center;padding-left:4.895833vw}.title-panel h1{color:white;font-size:3.125vw;line-height:1.2}.general-copy{position:absolute;top:27.708333vw;left:60.364583vw;right:var(--margin);display:grid;grid-template-columns:repeat(2,1fr);gap:2.083333vw;font-size:1.09375vw;line-height:1.458333vw;color:#000}.general-copy p{white-space:nowrap}*:focus,*:focus-visible{outline:none!important;box-shadow:none!important}.menu nav a:hover{text-decoration:underline;text-underline-offset:.2em}
/* Smaller screens retain the hierarchy while allowing readable, flowing content. */
@media(max-width:650px){.canvas{height:auto;min-height:100svh;overflow:visible}.header{top:24px;left:24px;right:24px;height:32px;border-width:1px}.brand{font-size:17px}.menu-toggle{width:24px;height:24px;gap:4px}.menu-toggle span{width:22px;height:2px}.subtitle{top:68px;font-size:11px}.hero{padding:145px 24px 40px;min-height:0}.hero h1{position:static;font-size:clamp(26px,6.9vw,45px);letter-spacing:-.5px;white-space:normal;margin-bottom:20px}.hero-image{position:static;width:100%;height:auto;min-height:180px;object-fit:cover}.cyanotype{padding-top:70px}.rule{left:24px;right:24px;top:24px;border-width:1px}.samples{padding:40px 24px;min-height:0}.sample-intro{position:static;display:grid;grid-template-columns:1fr 1.25fr;gap:20px}.sample-intro h2{font-size:28px}.sample-intro p{font-size:12px;line-height:17px}.sample-intro p br{display:none}.sample-grid{position:static;margin-top:35px;grid-template-columns:1fr;gap:24px}.sample-grid img{height:auto}.detail{padding:100px 24px 40px}.detail-image,.landscape .detail-image,.portrait .detail-image{position:static;width:auto;max-width:100%;height:auto;max-height:65svh}.detail-copy,.landscape .detail-copy,.portrait .detail-copy{position:static;width:100%;margin-top:30px}.detail-copy h1{font-size:28px;white-space:normal}.detail-copy p{margin-top:24px;font-size:14px;line-height:20px;white-space:normal}.detail-copy p br{display:none}.detail-copy dl{margin-top:30px;font-size:14px;line-height:21px}.menu nav{top:auto;bottom:40px;font-size:20px;line-height:28px}.menu nav div+div{margin-top:28px}.menu .menu-toggle{font-size:24px}.general{padding:24px}.general .title-panel{position:static;width:100%;height:45svh;padding:30px}.title-panel h1{font-size:32px}.general-copy{position:static;margin:32px 0;display:block;font-size:14px;line-height:21px}.general-copy p{white-space:normal;margin-bottom:20px}.general-copy br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared English-home header for every page and both languages. */
.header{direction:ltr}
.header .brand{unicode-bidi:plaintext}
.header>.menu-toggle{position:absolute;top:1.147896vw;right:0;left:auto;width:2.604167vw;height:.570854vw;gap:.362521vw}
.header>.menu-toggle span{width:100%;height:.104167vw;flex-shrink:0}
.menu .header>.menu-toggle{top:.15vw;height:1.65vw;font-size:1.666667vw}
.general .title-panel{top:9.791667vw;height:42.552083vw}
@media(max-width:650px){
 .header>.menu-toggle{top:9px;right:0;width:30px;height:8px;gap:4px}
 .header>.menu-toggle span{height:2px}
 .menu .header>.menu-toggle{top:0;height:24px;font-size:24px}
 .general{padding-top:100px}
 .general .title-panel{height:45svh}
}
/* Keep the studio wordmark in Arial in both languages. */
.header .brand,.home-footer p,.category-footer p{font-family:Arial,Helvetica,sans-serif}