@import url('palette-base.css');
:root,.refined{--bg:#fff;--paper:#f5f5f7;--ref-paper:#fff;--fg:#1d1d1f;--ink:#1d1d1f;--muted:#606068;--line:#e5e5ea;--ref-line:#e5e5ea;--accent:#a84a16;--accent-soft:#fbf2eb}
html,body,.refined{background:#fff;color:var(--ink)}
.header,.inner .header{height:88px;padding-block:12px;align-items:center;background:#fff}
.brand{width:178px;padding:7px 10px;border-radius:5px;box-shadow:0 0 0 1px #1d1d1f}
.brand img,.inner .brand img{width:158px;height:42px}
.desktop-nav a[aria-current]{color:var(--accent)}
.pagehero,.refined .pagehero{background:var(--paper)}
.refined .pagehero h1{font-weight:600}
.refined summary,.product-data strong,.case-specification strong{color:var(--ink)}
.refined summary:hover,.chapter-nav a:hover,.official-film a:hover{color:var(--accent)}
.refined summary:focus-visible,.complete-page a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.process-lead p,.process-expansion .process-lead,.process-expansion .process-lead p,.process-step>div,.product-data,.case-specification .prose,.collection-context .prose,.final-reading,.final-intro,.source-story,.application-intro{color:var(--muted)}
.chapter-nav a,.step-english,.case-english,.case-sub-english,.inner .product-english,.process-intro-heading>span,.official-film>p:last-child,.review-process-grid article>p:not(.eyebrow),.policy-note,.source-link,.work-index,.process-image figcaption{color:var(--muted)}
.chapter-nav span,.process-step .step-number{color:var(--accent)}
.showcase-media,.product-gallery .collection-item:first-child .showcase-media,.work-gallery .showcase-media,.work-gallery .collection-item:nth-child(3n) .showcase-media,.case-visual .case-image,.final-card figure,.process-image,.split-process .process-image{background:var(--paper)}
.case-page .case-story,.services{background:var(--paper)}
.concise-process .process-step,.review-process-grid article,.site-list article,.editorial .ChooseBox .wrap{background:var(--paper);border:1px solid var(--line)}
.mirror-process .process-image{background:var(--paper)}.mirror-process .process-image figcaption{color:var(--muted)}
.review-process-grid article{border-radius:18px}.review-process-grid article:hover{border-color:#c7c7cc}
.related a,.textlink,.text-link,.WorldBox .item+ .item>div>div:first-child{color:var(--accent)}
.site-footer,.inner .site-footer{--accent:#a84a16;background:var(--paper)}
.site-footer a:hover,.inner .site-footer a:hover{color:var(--accent)}
.review-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:30px}
.action{display:inline-flex;min-height:48px;align-items:center;padding:10px 24px;background:var(--accent);color:#fff;border-radius:999px;font-weight:600;font-size:15px}
.action:hover{background:#883a0e;color:#fff!important}.action.secondary{background:#fff;color:var(--accent);border:1px solid var(--line)}.action.secondary:hover{background:var(--accent-soft);color:var(--accent)!important}
/* Keep photo detail in the upper/right field; solid light values support text. */
.hero-vignette{background:linear-gradient(0deg,#fff 0%,#fffffffc 10%,#fffffff2 25%,#ffffff8c 44%,#ffffff00 65%),linear-gradient(90deg,#fffffff5 0%,#ffffffa6 28%,#ffffff00 58%)}
.take-one .take-copy{bottom:110px}.take-one h1{font-size:clamp(58px,6.6vw,100px)}
.take-one .hero-baseline .lede{color:#414145}
.photo-reference img{border:1px solid var(--line)}
.product-rule{display:none}
@media(max-width:900px){.header,.inner .header{padding-inline:22px}}
@media(max-width:760px){.header,.inner .header{height:72px;padding-block:10px}.brand{width:144px;padding:5px 8px}.brand img,.inner .brand img{width:128px;height:34px}.hero-vignette{background:linear-gradient(0deg,#fff 0%,#fffffffc 24%,#fffffff0 39%,#ffffff8c 52%,#ffffff00 70%)}.take-one .take-copy{bottom:120px}.take-one h1{font-size:clamp(38px,10.8vw,58px)}.review-actions{display:grid;justify-items:start}.inner .site-footer{padding-bottom:60px}}

/* Visual round 2: restore source section-heading hierarchy and calm the hero weight. */
.pagehero h1{max-width:none}
.inner .editorial .about_title{font-size:30px;font-weight:600;line-height:1.5;margin:48px 0 24px;color:var(--ink)}
.inner .editorial .title{font-size:24px;font-weight:600;color:var(--ink)}
.inner .editorial .about_title span,.inner .editorial .title span{font-size:inherit}
.take-one h1{font-weight:600}
.macro-caption{color:#fff;text-shadow:0 1px 5px #000}
@media(max-width:760px){.inner .editorial .about_title{font-size:27px}}