
:root{--ink:#203e36;--paper:#f7f6f0;--line:#d9ddd4;--muted:#63726a;--gold:#b28a51}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}a{color:inherit}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.brand{text-decoration:none;font-size:19px;font-weight:800;letter-spacing:.05em}.brand small{display:block;font-size:9px;letter-spacing:.25em;margin-top:5px;font-weight:500}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:12px}.shop{background:var(--ink);color:white;padding:13px 20px;border-radius:3px}main{overflow:hidden}.hero{max-width:1440px;margin:auto;padding:70px 5% 60px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:6%}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--gold);font-weight:700}.hero h1{font-family:'Yu Mincho',serif;font-size:clamp(36px,4.2vw,65px);font-weight:500;line-height:1.55;letter-spacing:.06em;margin:25px 0}.lead{font-size:14px;line-height:2.2;color:var(--muted)}.actions{display:flex;gap:24px;align-items:center;margin:32px 0}.button{display:inline-block;padding:17px 25px;background:var(--ink);color:#fff;text-decoration:none;font-size:13px;border-radius:3px}.textlink{font-size:12px;text-underline-offset:6px}.hero figure{margin:0;position:relative}.hero img{width:100%;display:block;aspect-ratio:1.15;object-fit:cover;border-radius:160px 160px 4px 4px}.hero figcaption{font-size:10px;margin-top:15px;color:var(--muted);letter-spacing:.1em}.marker{position:absolute;bottom:35px;left:-22px;background:var(--paper);border:1px solid var(--line);padding:18px 25px;font-family:serif;font-size:16px}.ribbon{padding:23px 5%;display:flex;justify-content:center;gap:50px;border-block:1px solid var(--line);font-size:11px;letter-spacing:.12em}.section{max-width:1240px;margin:auto;padding:95px 5%}.section h2{font-family:'Yu Mincho',serif;font-weight:500;font-size:clamp(28px,3vw,43px);line-height:1.6;margin:16px 0 24px}.intro{max-width:620px;line-height:2.2;font-size:14px;color:var(--muted)}.compare-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;margin-top:45px}.compare{position:relative;aspect-ratio:1.5;overflow:hidden;border-radius:5px;background:#ddd}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare .before{clip-path:inset(0 50% 0 0)}.divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:white;pointer-events:none}.divider:after{content:'↔';position:absolute;top:50%;left:-22px;border-radius:50%;background:white;color:var(--ink);width:46px;height:46px;display:grid;place-items:center}.range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.labels{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;margin-top:12px}.compare-copy h3{font-size:23px;font-weight:500;line-height:1.8}.compare-copy p{line-height:2.2;font-size:13px;color:var(--muted)}.hint{font-size:11px;color:var(--muted);margin-top:14px}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow{color:#dab584}.dark .intro{color:#cad4cc}.moments{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:42px}.moment{padding:30px 0;border-top:1px solid #6b8077}.moment .num{font-family:serif;font-size:40px;color:#9bb4a5}.moment h3{font-size:20px;font-weight:500;margin:20px 0}.moment p{font-size:13px;line-height:2;color:#cad4cc}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.step{border-top:1px solid var(--line);padding-top:25px}.step small{font-size:10px;letter-spacing:.2em;color:var(--gold)}.step h3{font-size:18px;font-weight:500}.step p{font-size:13px;line-height:2;color:var(--muted)}.business{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;border-top:1px solid var(--line)}.business .quote{font-family:'Yu Mincho',serif;font-size:32px;line-height:1.8;border-left:2px solid var(--gold);padding-left:30px}.faq{border-top:1px solid var(--line);margin-top:35px}details{padding:23px 0;border-bottom:1px solid var(--line)}summary{font-size:14px;cursor:pointer}details p{font-size:13px;line-height:2;color:var(--muted);max-width:750px}.cta{text-align:center;background:#e9ede4;padding:70px 5%}.cta h2{font-family:serif;font-size:34px;font-weight:500;line-height:1.7}.cta p{font-size:13px;color:var(--muted);line-height:2}footer{padding:40px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px}footer a{margin-left:20px}button:focus-visible,a:focus-visible,summary:focus-visible,.compare:focus-within{outline:3px solid var(--gold);outline-offset:5px}@media(max-width:760px){header{height:75px}.brand{font-size:15px}nav{gap:15px}nav a:not(.shop){display:none}.shop{padding:11px 13px}.hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.hero h1{font-size:40px;margin-top:18px}.hero img{aspect-ratio:1.4;border-radius:90px 90px 4px 4px}.marker{left:12px;bottom:40px;font-size:13px;padding:12px}.ribbon{gap:18px;font-size:9px;flex-wrap:wrap}.section{padding:65px 6%}.compare-layout,.business{grid-template-columns:1fr;gap:25px}.moments,.steps{grid-template-columns:1fr;gap:12px}.moment{padding:23px 0}.moment .num{font-size:28px}.moment h3{margin:10px 0}.step{padding:20px 0}.business .quote{font-size:26px}footer{flex-direction:column;align-items:flex-start}footer a{margin:0 18px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

nav{gap:20px}.hero-wide{padding:50px 5% 35px;max-width:1440px;margin:auto}.hero-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.hero-heading h1{font-family:'Yu Mincho',serif;font-weight:500;font-size:clamp(32px,4vw,56px);line-height:1.5;margin:12px 0}.hero-heading p{max-width:400px}.hero-wide img{width:100%;display:block;border-radius:4px}.caption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:12px}.pagehead{max-width:1240px;margin:auto;padding:65px 5% 20px}.pagehead h1{font-family:'Yu Mincho',serif;font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.5}.pagehead p{line-height:2;color:var(--muted);max-width:700px}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.feature{border-top:1px solid var(--line);padding:25px 0;text-decoration:none}.feature h3{font-size:21px;font-weight:500}.feature p{font-size:13px;color:var(--muted);line-height:2}.feature span{font-size:12px}.wideimg{width:100%;height:auto;display:block;border-radius:4px;background:white}.techsection{border-top:1px solid var(--line)}.techsection .intro{max-width:800px;margin-bottom:30px}.jump{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.jump a{font-size:12px;padding:10px 15px;border:1px solid var(--line);text-decoration:none}.gallerygrid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.gallerygrid figure{margin:0}.gallerygrid img{width:100%;height:auto;display:block}.gallerygrid h3{font-size:22px;font-weight:500}.gallerygrid p{font-size:13px;line-height:2;color:var(--muted)}.storegrid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.store{border:1px solid var(--line);padding:35px;border-radius:4px}.store h2{font-size:28px}.store p{font-size:14px;line-height:2;color:var(--muted)}.info{display:grid;grid-template-columns:160px 1fr;border-top:1px solid var(--line);margin-top:35px}.info dt,.info dd{margin:0;padding:22px 0;border-bottom:1px solid var(--line);line-height:1.8;font-size:14px}.info dt{color:var(--muted)}.emailbox{padding:35px;background:#e9ede4;margin-top:40px}.emailbox a.email{display:inline-block;font-size:clamp(22px,4vw,34px);margin:15px 0;text-underline-offset:7px}.copy{border:1px solid var(--ink);padding:10px 16px;background:transparent;cursor:pointer;color:var(--ink);font:inherit;font-size:12px}.linklist a{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);text-decoration:none}.linklist small{color:var(--muted);display:block;margin-top:8px}.policy{max-width:900px}.policy h2{font-family:inherit;font-size:21px;margin-top:40px}.policy p,.policy li{font-size:14px;line-height:2.1;color:var(--muted)}.menu-toggle{display:none}.article{display:block;text-decoration:none;border-top:1px solid var(--line);padding:30px 0}.article h3{font-size:22px;line-height:1.7}.article p{color:var(--muted);font-size:14px;line-height:2}.article small{letter-spacing:.1em;color:var(--gold)}footer{border-top:1px solid var(--line);align-items:start}footer .footlinks{max-width:520px;line-height:2.5}footer a{display:inline-block}nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
@media(max-width:900px){nav{gap:12px}nav a{font-size:11px}}@media(max-width:760px){.hero-heading{display:block}.hero-wide{padding:30px 5%}.featuregrid,.gallerygrid,.storegrid{grid-template-columns:1fr}.pagehead{padding-top:35px}.menu-toggle{display:block;padding:10px;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:13px}nav{display:none;position:absolute;top:75px;left:0;right:0;padding:20px 6%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}nav.open{display:flex}nav a:not(.shop){display:block;padding:10px}.info{grid-template-columns:95px 1fr}.emailbox{padding:25px}.hero-heading h1{font-size:35px}.store{padding:25px}.linklist a{font-size:14px}.gallerygrid{gap:30px}.footlinks a{margin-right:15px}}

.techfigure{margin:32px 0 24px}.techcopy{max-width:800px;font-size:15px;line-height:2.2;color:var(--muted);margin:24px 0 48px}.techfigure .wideimg{background:var(--paper)}@media(max-width:760px){.techcopy{font-size:14px;margin-bottom:32px}.techfigure{margin:24px 0 18px}}

.galleryworks{padding-top:35px}.gallerywork{border-top:1px solid var(--line);padding:36px 0 48px}.work-heading h2{font-size:26px;margin:8px 0 24px}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.work-pair figure{margin:0;min-width:0}.photo-stage,.work-comparison .compare{aspect-ratio:1.5;background:#eceee7;border-radius:4px;overflow:hidden}.photo-stage img{width:100%;height:100%;object-fit:contain;display:block}.work-comparison .compare img{object-fit:contain}.work-pair figcaption{font-size:11px;color:var(--muted);margin-top:12px}.work-comparison .range{touch-action:pan-y}.work-comparison .compare:focus-within{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:760px){.work-pair{gap:12px}.galleryworks{padding-inline:4%}.work-heading h2{font-size:22px}.work-pair figcaption{font-size:9px}.work-comparison .divider:after{width:32px;height:32px;left:-15px;font-size:13px}.gallerywork{padding:25px 0 34px}}

.founder-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start;margin-top:40px}.founder-photo{margin:0}.portrait-window{aspect-ratio:1312/1332;overflow:hidden;border-radius:4px;background:#ccc}.portrait-window img{width:100%;height:auto;display:block}.founder-role{font-size:12px;letter-spacing:.08em;color:var(--gold)}.founder-copy h3{font-family:"Yu Mincho",serif;font-size:32px;font-weight:500;margin:12px 0 25px}.founder-copy>p:not(.founder-role){font-size:14px;line-height:2.2;color:var(--muted);margin:0 0 22px}.founder-copy .textlink{display:inline-block;margin-top:10px}@media(max-width:760px){.founder-layout{grid-template-columns:1fr;gap:28px}.founder-photo{max-width:340px;width:100%;margin:auto}.founder-copy h3{font-size:28px}}

/* Note journal: retain the existing ruled article style and palette. */
.note-articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.note-article{display:flex;flex-direction:column;gap:22px;padding:30px 0 36px;min-width:0}
.article-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--paper)}
.article-placeholder{display:grid;place-items:center;color:var(--gold);letter-spacing:.15em}
.article-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1}
.note-article time{font-size:12px;color:var(--muted);margin-top:8px}
.note-article h3{margin:14px 0 22px;font-size:22px;overflow-wrap:anywhere}
.note-article .textlink{margin-top:auto}
.note-article:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
@media(max-width:640px){.note-articles{grid-template-columns:1fr}.note-article h3{font-size:20px}}

.rheon-case{padding-top:30px;max-width:1180px;margin:auto}.rheon-case figure{margin:0}.case-copy{max-width:760px;margin:48px 0}.case-copy p{line-height:2.2;color:var(--muted)}.case-feature{border-top:1px solid var(--line)}.case-card{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;text-decoration:none;margin-top:30px}.case-card img{width:100%;height:auto;border-radius:4px}.case-card h3{font-family:serif;font-size:32px;font-weight:500}.case-card p{line-height:2}.case-card:hover .textlink{text-decoration:underline}@media(max-width:760px){.case-card{grid-template-columns:1fr;gap:20px}.case-card h3{font-size:26px}.case-copy{margin:30px 0}}

/* Series navigation */
@media(min-width:901px){header nav{gap:18px}}@media(min-width:761px) and (max-width:1120px){header{padding:0 3%}header nav{gap:11px}header nav a{font-size:11px}.brand{font-size:16px}}

.experience-sitemap{display:grid;gap:8px}.experience-sitemap>a{font-weight:650}.experience-sitemap ul{list-style:none;padding:0 0 0 12px;margin:0;border-left:1px solid #9b977650;display:grid;gap:7px}.experience-sitemap li a{font-size:11px;line-height:1.6}

.experience-cards .experience-cover{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#f3f1e8;border-radius:6px;margin:0 0 22px}.experience-cards .feature{min-width:0}.experience-cards .feature:last-child .experience-cover{object-fit:cover}
