/* A compact four-chapter home. Product geometry is carried by photography. */
.compact-home{--paper:#fff;--photo-ground:#fff;--gutter:clamp(22px,4.5vw,72px);background:#fff}
.compact-home .masthead{height:76px;background:#fff}.compact-home .site-footer{background:#fff}
.home-showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto;column-gap:60px;align-items:center;padding-block:45px 42px;min-height:660px;scroll-margin-top:76px}
.showcase-intro{grid-column:1;grid-row:1;align-self:end}.showcase-intro h1{font-size:clamp(50px,4.8vw,70px);line-height:1.22;letter-spacing:-.035em;font-weight:500}.showcase-intro>p{font-size:15px;line-height:1.85;margin-top:24px;max-width:37ch;color:var(--muted)}
.showcase-viewer{grid-column:2;grid-row:1/3;min-width:0}.inspector-camera{position:relative;isolation:isolate;aspect-ratio:1388/1133;overflow:hidden;background:#fff;max-width:650px;margin-inline:auto}.inspector-object{width:100%;height:100%;object-fit:contain;transform-origin:0 0;transform:translate(var(--camera-x,0%),var(--camera-y,0%)) scale(var(--camera-scale,1));transition:transform 850ms cubic-bezier(.16,1,.3,1);filter:none;mix-blend-mode:normal}
.inspector-target{position:absolute;left:50%;top:50%;width:22px;height:22px;translate:-50% -50%;opacity:0;transition:opacity .25s;pointer-events:none}.inspector-target::before,.inspector-target::after{content:"";position:absolute;background:var(--blue);outline:1px solid #fff}.inspector-target::before{width:22px;height:1px;top:10px}.inspector-target::after{width:1px;height:22px;left:10px}[data-inspector][data-active]:not([data-active="0"]) .inspector-target{opacity:1}
.inspection-bar{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:16px;font-size:11px;color:var(--muted);margin-top:12px}.inspect-reset{font-size:11px;min-height:42px;text-decoration:underline;text-underline-offset:5px}.inspection-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);gap:20px}.inspection-tabs button{position:relative;min-height:56px;text-align:left;padding:16px 0;font-size:12px;color:var(--muted);line-height:1.4}.inspection-tabs button::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.inspection-tabs button[aria-selected=true]{color:var(--ink)}.inspection-tabs button[aria-selected=true]::before{transform:scaleX(1)}.inspection-tabs button:hover{color:var(--blue)}
.showcase-detail{grid-column:1;grid-row:2;align-self:start;margin-top:42px;max-width:370px}.showcase-detail [role=tabpanel]{min-height:112px;animation:inspection-copy .4s var(--ease)}.showcase-detail h2{font-size:20px;line-height:1.55;letter-spacing:-.02em}.showcase-detail p{font-size:13px;line-height:1.85;margin-top:12px;max-width:37ch}.showcase-detail .text-action{display:inline-flex;align-items:center;gap:28px;font-size:13px;padding:10px 0;min-height:44px;margin-top:6px}.showcase-detail [hidden]{display:none}
@keyframes inspection-copy{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.home-range{padding-block:70px 68px;border-top:1px solid var(--line)}.home-heading{margin-bottom:28px}.home-heading h2{font-size:38px;line-height:1.35;letter-spacing:-.03em}.home-heading p{font-size:14px;margin-top:13px}.range-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:45px}.range-item{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;column-gap:12px;min-width:0;color:var(--ink)}.range-image{grid-column:1/-1;height:240px;display:flex;justify-content:center;align-items:center;margin-bottom:25px}.range-image img{width:100%;height:100%;object-fit:contain;transition:transform .6s var(--ease);filter:none;mix-blend-mode:normal}.range-copy h3{font-size:21px;line-height:1.4;letter-spacing:-.025em}.range-copy p{font-size:12px;margin-top:10px;color:var(--muted)}.range-item>.ui-arrow{transition:transform .3s var(--ease);color:var(--blue)}.range-item:hover>.ui-arrow{transform:translate(3px,-3px)}.range-item:hover .range-image img{transform:translateY(-4px)}
.home-making{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:64px 74px;border-top:1px solid var(--line);scroll-margin-top:76px}.making-photo{min-width:0;overflow:hidden}.making-photo img{width:100%;height:410px;object-fit:cover;object-position:center}.making-copy h2{font-size:42px;line-height:1.32;letter-spacing:-.035em}.making-copy>p{font-size:14px;line-height:1.9;max-width:38ch;margin-top:23px}.making-links{margin-top:30px}.making-links a{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 0;border-top:1px solid var(--line);font-size:14px}.making-links .ui-arrow{color:var(--blue);transition:transform .3s}.making-links a:hover .ui-arrow{transform:translate(3px,-3px)}
.home-inquiry{background:#f5f6f7;border-top:1px solid #e9eaec}.inquiry-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding-block:58px;align-items:center}.inquiry-inner h2{font-size:44px;line-height:1.35;letter-spacing:-.03em}.inquiry-inner p{font-size:13px;line-height:1.9;margin-top:18px}.inquiry-inner .solid-button{display:inline-flex;align-items:center;font-size:13px;margin-top:26px}.inquiry-direct{justify-self:end;min-width:270px}.inquiry-direct>a{display:block;font-size:18px;padding-block:13px}.inquiry-direct>a>span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.inquiry-direct details{font-size:12px;margin-top:18px}.inquiry-direct summary{cursor:pointer;min-height:44px;padding-block:10px}.inquiry-direct details img{margin-top:12px}
.compact-home .site-footer{padding-top:30px;padding-bottom:24px}.compact-home .footer-top{margin-bottom:22px}.compact-home .footer-top p{font-size:12px}.compact-home .footer-top>a{font-size:12px}.compact-home .footer-base{font-size:11px}.compact-home .footer-top strong{font-size:22px}
@media(min-width:1600px){.home-showcase{min-height:730px}.inspector-camera{max-width:700px}}
@media(max-width:1100px){.home-showcase{column-gap:35px;min-height:595px;padding-top:36px}.showcase-intro h1{font-size:52px}.showcase-intro>p{font-size:14px}.showcase-detail{margin-top:28px}.showcase-detail h2{font-size:18px}.inspection-tabs{gap:12px}.inspection-tabs button{font-size:11px}.range-grid{gap:28px}.range-image{height:200px}.range-copy h3{font-size:19px}.home-making{gap:40px}.making-copy h2{font-size:35px}.making-photo img{height:365px}.inquiry-inner{gap:35px}.inquiry-inner h2{font-size:36px}}
@media(max-width:800px){.compact-home .masthead{height:72px}.home-showcase{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;padding-block:38px 40px;row-gap:25px}.showcase-intro{grid-column:1;grid-row:1;align-self:auto}.showcase-intro h1{font-size:54px}.showcase-intro>p{max-width:48ch;margin-top:19px}.showcase-viewer{grid-column:1;grid-row:2;width:100%;max-width:580px;justify-self:center}.inspector-camera{max-width:490px}.showcase-detail{grid-column:1;grid-row:3;max-width:none;width:100%;margin-top:0;display:flex;justify-content:space-between;align-items:center;gap:32px}.showcase-detail [role=tabpanel]{min-height:0;max-width:430px}.showcase-detail .text-action{flex-shrink:0;margin:0}.inspection-tabs button{font-size:12px}.home-range{padding-block:44px 45px}.home-heading h2{font-size:33px}.range-grid{gap:24px;grid-template-columns:1fr 1fr 1fr}.range-image{height:170px;margin-bottom:18px}.range-copy h3{font-size:17px}.range-copy p{font-size:11px}.home-making{padding-block:45px;gap:30px}.making-photo img{height:330px}.making-copy h2{font-size:30px}.making-copy>p{font-size:13px;margin-top:18px}.making-links{margin-top:22px}.making-links a{font-size:12px;padding-block:15px}.inquiry-inner{padding-block:44px;gap:30px}.inquiry-inner h2{font-size:32px}.inquiry-direct{min-width:220px}.inquiry-direct>a{font-size:15px}}
@media(max-width:540px){.home-showcase{padding-top:28px;row-gap:20px;padding-bottom:34px}.showcase-intro h1{font-size:44px;line-height:1.23}.showcase-intro>p{font-size:13px;margin-top:16px}.inspector-camera{max-width:360px}.inspection-bar{margin-top:6px;font-size:11px;min-height:38px}.inspection-tabs{gap:12px}.inspection-tabs button{min-height:51px;font-size:11px;padding-block:13px}.showcase-detail{display:block}.showcase-detail h2{font-size:18px}.showcase-detail p{font-size:12px;margin-top:8px;max-width:none}.showcase-detail [role=tabpanel]{min-height:85px}.showcase-detail .text-action{font-size:12px;margin-top:3px}.home-heading{margin-bottom:18px}.home-heading h2{font-size:30px}.home-heading p{font-size:12px;line-height:1.75;margin-top:10px}.range-grid{display:block}.range-item{grid-template-columns:112px minmax(0,1fr) 15px;gap:20px;padding-block:19px;border-top:1px solid #e9eaec}.range-item:first-child{border-top:0}.range-image{grid-column:1;height:116px;margin:0}.range-copy h3{font-size:17px;line-height:1.55}.range-copy p{font-size:11px;margin-top:7px}.range-item>.ui-arrow{width:14px;height:14px}.home-range{padding-block:35px 25px}.home-making{grid-template-columns:1fr;gap:26px;padding-block:35px}.making-photo img{height:auto;aspect-ratio:1.5;object-fit:cover}.making-copy h2{font-size:32px}.making-copy>p{max-width:none;font-size:13px;margin-top:16px}.making-links{margin-top:22px}.making-links a{font-size:13px;min-height:54px}.inquiry-inner{grid-template-columns:1fr;gap:30px;padding-block:36px}.inquiry-inner h2{font-size:32px}.inquiry-inner p{font-size:12px}.inquiry-inner .solid-button{margin-top:22px}.inquiry-direct{justify-self:stretch;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.inquiry-direct>a{font-size:12px;padding-block:0;overflow-wrap:anywhere}.inquiry-direct details{margin:4px 0 0;grid-column:1/-1}.compact-home .footer-top{gap:13px}.compact-home .footer-top strong{font-size:20px}.compact-home .footer-base{gap:10px}}
@media(max-width:360px){.showcase-intro h1{font-size:38px}.inspection-tabs{gap:8px}.inspection-tabs button{font-size:11px}.range-item{grid-template-columns:86px minmax(0,1fr) 12px;gap:14px}.range-image{height:100px}.range-copy h3{font-size:15px}.range-copy p{font-size:11px}.making-copy h2,.inquiry-inner h2{font-size:29px}.inquiry-direct{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.inspector-object,.inspector-target,.inspection-tabs button::before,.range-image img,.range-item>.ui-arrow,.making-links .ui-arrow{transition:none}.showcase-detail [role=tabpanel]{animation:none}.range-item:hover .range-image img{transform:none}}

/* Manufacturing study: process navigation paired with one complete portrait film. */
.process-studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,112px);padding-block:64px;align-items:center}
.process-studio .making-copy{max-width:530px}.process-studio .making-copy h2{font-size:clamp(38px,3.8vw,56px);line-height:1.24;letter-spacing:-.035em}.process-studio .making-copy>p{max-width:39ch;font-size:14px;margin-top:24px}
.process-steps{margin-top:36px;border-top:1px solid var(--line)}.process-step{position:relative;width:100%;display:grid;grid-template-columns:56px minmax(0,1fr) 22px;gap:20px;align-items:center;text-align:left;padding:18px 0;border-bottom:1px solid var(--line);min-height:101px;color:var(--muted)}
.process-step img{width:56px;height:64px;object-fit:cover;opacity:.6;transition:opacity .25s}.process-step>span>strong{display:block;font-size:19px;font-weight:500;line-height:1.45;color:var(--ink)}.process-step>span>span{display:block;font-size:12px;line-height:1.7;margin-top:5px}.process-step::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.process-step[aria-selected=true]::after{transform:scaleX(1)}.process-step[aria-selected=true] strong{color:var(--blue)}.process-step[aria-selected=true] img,.process-step:hover img{opacity:1}
.process-step-icon{width:18px;height:18px;position:relative;transform:rotate(-45deg);transition:transform .35s var(--ease)}.process-step-icon::before{content:"";position:absolute;left:2px;right:2px;top:8px;height:1px;background:currentColor}.process-step-icon::after{content:"";position:absolute;right:2px;top:4px;width:8px;height:8px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}.process-step[aria-selected=true] .process-step-icon{color:var(--blue);transform:rotate(0deg)}
.process-studio .making-links{display:flex;gap:28px;margin-top:27px;flex-wrap:wrap}.process-studio .making-links a{border:0;padding-block:6px;font-size:12px;min-height:44px;gap:18px}
.process-viewer{--studio-surface:#f1f3f5;background:var(--studio-surface);padding:18px 24px 0;min-width:0;align-self:stretch;display:flex;align-items:center}.process-panel{width:100%;min-width:0;animation:process-enter .5s cubic-bezier(.16,1,.3,1)}.process-panel[hidden]{display:none}.process-screen-title{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.6;padding-bottom:16px;color:var(--ink)}.process-screen-title>span:last-child{color:var(--muted)}
.process-screen{height:430px;display:flex;justify-content:center;overflow:hidden}.process-screen video{width:auto;max-width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;display:block;background:var(--studio-surface)}
.process-console{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;min-height:76px}.process-console button{display:flex;align-items:center;gap:12px;font-size:13px;min-height:44px;color:var(--ink);padding:0 12px 0 0}.process-console button:hover{color:var(--blue)}.process-console button[hidden]{display:none}.process-clock{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.process-clock [data-process-time]{color:var(--ink)}.process-track{height:2px;background:var(--line)}.process-track span{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(var(--progress,0));transform-origin:left;transition:transform .2s linear}.process-status{font-size:12px;line-height:1.6;margin:10px 0}.process-status:empty{display:none}
@keyframes process-enter{from{opacity:.5;transform:translateY(10px);clip-path:inset(0 0 2% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@media(min-width:1600px){.process-screen{height:480px}}
@media(max-width:1100px){.process-studio{gap:38px}.process-viewer{padding:18px 18px 0}.process-screen{height:390px}.process-step{gap:14px}.process-step>span>strong{font-size:17px}.process-studio .making-links{gap:4px 22px}}
@media(max-width:800px){.process-studio{grid-template-columns:1fr 1fr;gap:28px;padding-block:44px}.process-studio .making-copy h2{font-size:34px}.process-studio .making-copy>p{font-size:13px;margin-top:18px}.process-steps{margin-top:24px}.process-step{grid-template-columns:minmax(0,1fr) 18px;min-height:92px;padding-block:15px}.process-step img{display:none}.process-step>span>strong{font-size:16px}.process-viewer{align-self:center}.process-screen{height:360px}.process-screen-title{font-size:11px;gap:8px}.process-console{gap:8px}.process-console button{font-size:12px;gap:7px}.process-clock{font-size:11px}}
@media(max-width:540px){.process-studio{grid-template-columns:1fr;gap:24px;padding-block:38px}.process-studio .making-copy{display:contents}.process-studio .making-copy h2{font-size:36px}.process-studio .making-copy>p{margin: -8px 0 0;font-size:13px;max-width:none}.process-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0;grid-row:3}.process-step{display:block;min-height:72px;padding-block:15px}.process-step>span>strong{font-size:16px}.process-step>span>span,.process-step-icon{display:none}.process-studio .making-links{grid-row:5;margin:0;gap:8px 26px}.process-viewer{grid-row:4;min-width:0;padding:16px 18px 0}.process-screen{height:360px}.process-screen-title{font-size:12px}.process-console button{font-size:13px}.process-clock{font-size:12px}}
@media(max-width:360px){.process-studio .making-copy h2{font-size:32px}.process-step>span>strong{font-size:14px}.process-screen{height:330px}.process-studio .making-links{gap:4px 16px}.process-screen-title{font-size:11px}}
@media(prefers-reduced-motion:reduce){.process-panel{animation:none}.process-step::after,.process-step img,.process-step-icon,.process-track span{transition:none}}
/* Keep the manufacturing chapter compact and the film stage proportionate. */
.process-studio{padding-block:44px}.process-viewer{width:100%;max-width:480px;justify-self:end}.process-studio .making-copy>p{max-width:43ch}
@media(max-width:540px){.process-studio{padding-block:30px;gap:16px}.process-studio .making-copy h2{font-size:32px}.process-studio .making-copy>p{font-size:12px;line-height:1.75;margin:0}.process-step{min-height:60px;padding-block:12px}.process-screen{height:300px}.process-console{min-height:66px;padding-block:10px}.process-viewer{max-width:none}.process-studio .making-links{gap:2px 22px}}
@media(prefers-reduced-motion:reduce){.process-panel{clip-path:none}}