
/* Real sourced product screenshots; no invented UI. */
.product-gallery-v2{margin:clamp(30px,5vw,60px) auto;padding:clamp(20px,3vw,34px);border:1px solid rgba(50,71,77,.17);background:#f7fafc;border-radius:22px;color:#1f343c;max-width:1160px}
.product-gallery-v2 .gallery-kicker{font:700 .73rem system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--nav-accent)}
.product-gallery-v2 h2{font:760 clamp(1.65rem,3vw,2.35rem)/1.12 system-ui;letter-spacing:-.036em;margin:10px 0}
.product-gallery-v2>p{font:400 .95rem/1.6 system-ui;max-width:70ch}
.product-gallery-v2 .gallery-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-top:24px}
.product-gallery-v2 .gallery-layout figure{margin:0;border:1px solid rgba(50,71,77,.15);border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 9px 23px #1c37421c}
.product-gallery-v2 .gallery-layout .boxshot{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,290px) 1fr;align-items:center}
.product-gallery-v2 .gallery-layout img{display:block;width:100%;height:260px;object-fit:contain;background:#f4f6f8;padding:18px}
.product-gallery-v2 .gallery-layout .boxshot img{height:330px;background:#fff}
.product-gallery-v2 figcaption{font:600 .84rem/1.5 system-ui;color:#364c5b;padding:13px 16px;background:#fff}
.product-gallery-v2 .gallery-layout .boxshot figcaption{font-size:1.12rem}
.product-gallery-v2 .archive-note{font:400 .78rem/1.5 system-ui;color:#596a78;margin:14px 0 0}
.site-header .nav-mega{z-index:110!important}
body{overflow-x:clip}
img{max-width:100%}
@media(max-width:680px){.product-gallery-v2 .gallery-layout{grid-template-columns:1fr}.product-gallery-v2 .gallery-layout .boxshot{grid-column:auto;display:block}.product-gallery-v2 .gallery-layout img{height:220px}.product-gallery-v2 .gallery-layout .boxshot img{height:270px}}


/* 05 / Handover Studio. Boutique creative studio, asymmetrical masthead and vivid chips. */
:root{--nav-accent:#c74e63;--nav-surface:#fff9f5;--ui-ink:#403044;--footer-bg:#37283d}
body{background:linear-gradient(125deg,#fff7f4,#f8f4fb)!important;color:#35293e}.premium-header.site-header{position:sticky;top:0;padding:0;border-top:0!important;box-shadow:0 8px 25px #58375f25!important;background:#fffaf7!important}.premium-header .site-container{max-width:1480px}.premium-header .nav-utility{position:absolute;top:0;right:0;min-height:0;padding:5px 15px!important;font-size:9px!important;color:#8d526c;border:0;background:#f3e5ea;border-radius:0 0 0 15px}.premium-header .nav-utility em{display:none}.premium-header .nav-main{min-height:103px;gap:28px;align-items:flex-end;padding:13px 0 17px}.premium-header .nav-brand{align-self:stretch;max-width:310px;padding:14px 20px 14px 0;border-right:2px solid #ead3d9;transform:skew(-5deg)}.premium-header .nav-mark{border-radius:0 16px 0 16px!important;background:linear-gradient(130deg,#bd315e,#f88673)!important;box-shadow:7px 7px 0 #f7dfe6}.premium-header .nav-brand-label strong{font:800 1.55rem/1.06 system-ui!important;letter-spacing:-.06em}.premium-header .nav-brand-label small{color:#9a6076;opacity:1}.premium-header .nav-shell{justify-content:space-between;align-items:center;gap:20px}.premium-header .nav-core{gap:4px}.premium-header .nav-core>a,.premium-header .nav-guides-trigger{border-radius:2px 14px 2px 14px!important;padding:12px 14px;font-weight:760!important}.premium-header .nav-core>a[aria-current=page]{background:#fce1e9;color:#a22f50}.premium-header .nav-search{border-radius:2px 14px 2px 14px!important;background:#fff!important}.premium-header .nav-cta{border-radius:3px 14px 3px 14px!important;background:linear-gradient(116deg,#b52f5e,#e36153)!important;box-shadow:6px 6px 0 #f8d6de}.premium-header .nav-mega{background:#fff8f9!important;border-radius:3px 25px 3px 25px!important}.handover-hero{background:linear-gradient(113deg,#553749 0%,#613b59 55%,#efc5a7 100%)!important}.handover-hero h1{font:750 clamp(2.6rem,5vw,5rem)/1.06 system-ui!important;letter-spacing:-.065em}.stage-tabs{gap:12px!important}.stage-tabs>div{border-radius:3px 18px 3px 18px;background:#fdecef!important;border:1px solid #f1ced6}.expanded-visual-gallery{border-radius:36px 6px 36px 6px;background:#fbecf1!important}.visual-gallery-item{border-radius:4px 22px 4px 22px!important}.expanded-story-visual{border-radius:25px 3px 25px 3px!important}.premium-footer{background:linear-gradient(130deg,#372b48,#733f59)!important}
@media(max-width:880px){.premium-header .nav-utility{display:none}.premium-header .nav-main{min-height:78px;align-items:center}.premium-header .nav-brand{transform:none;max-width:230px;border-right:0;padding:0}.premium-header .nav-brand-label strong{font-size:1.2rem!important}.premium-header .navbutton{display:inline-flex;margin-left:auto}.premium-header .nav-shell{position:fixed;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:24px;background:#fff4f4;z-index:100;box-shadow:0 26px 42px #59344b33}.premium-header .nav-shell.is-open{display:flex}.premium-header .nav-core{flex-direction:column}}

/* V3 EDITORIAL MEDIA + RESPONSIVE CONTENT QUALITY */
:where(main,article,section,aside,div){min-width:0}
:where(.visual-gallery-grid,.method-grid,.custody-workflow,.stage-tabs,.workflow-grid,.guide-grid,.topic-grid,.feature-grid,.guide-cards){grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))!important;gap:clamp(14px,2vw,26px)!important}
:where(.visual-gallery-item,.method,.custody-workflow>article,.stage-tabs>article,.topic-card,.guide-card){min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:auto}
:where(.expanded-visual-gallery,.restored-article,.site-container){max-width:100%}
:where(.visual-gallery-item,.visual-gallery-item figcaption){overflow-wrap:break-word;line-height:1.55}
:where(.visual-gallery-grid,.expanded-visual-gallery){container-type:inline-size}
@container (max-width:650px){.visual-gallery-grid{grid-template-columns:1fr!important}}
:where(.expanded-story-visual,.context-visual,.product-context-shot){max-width:min(100%,900px);margin:clamp(22px,4vw,46px) auto;overflow:hidden;box-sizing:border-box}
:where(.expanded-story-visual img,.context-visual img){width:100%;height:auto;max-height:520px;object-fit:cover;display:block}
:where(.product-context-shot){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(160px,.7fr);align-items:center;gap:20px;padding:clamp(16px,3vw,24px);border:1px solid #d8e4e8;border-radius:22px;background:#fff;box-shadow:0 13px 32px #2036480c}
.product-context-shot:nth-of-type(even){grid-template-columns:minmax(165px,.7fr) minmax(0,1.2fr)}
.product-context-shot img{grid-column:1;grid-row:1;display:block;width:100%;height:auto;max-height:380px;object-fit:contain;min-width:0}
.product-context-shot figcaption{grid-column:2;grid-row:1;max-width:45ch;padding:16px;color:#344351;font:600 clamp(.95rem,1.6vw,1.12rem)/1.5 system-ui}
.product-context-shot:nth-of-type(even) img{grid-column:2}
.product-context-shot:nth-of-type(even) figcaption{grid-column:1}
.product-story-intro{padding:clamp(18px,4vw,36px);background:color-mix(in srgb,var(--soft,#f0f5f6) 50%,white);border-radius:22px;margin:20px 0 38px}
.product-story-intro .product-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800;color:var(--nav-accent,#245f63)}
.product-story-intro h2{margin:8px 0 15px}
.product-story-intro>.product-context-shot{max-width:620px;margin:28px 0 0}
@media(max-width:710px){.product-context-shot,.product-context-shot:nth-of-type(even){display:block;padding:15px}.product-context-shot img{max-height:280px}.product-context-shot figcaption{padding:12px 4px}.expanded-visual-gallery{padding:16px}.visual-gallery-grid{grid-template-columns:1fr!important}}

/* Final typesetting clamp for long tutorial/product article headings. Home hero unchanged. */
body:has(.restored-article) main h1{font-size:clamp(2rem,3.2vw,3.5rem)!important;line-height:1.15!important;letter-spacing:-.03em!important;max-width:26ch;overflow-wrap:normal;word-break:normal}
body:has(.restored-article) main h2{line-height:1.21;overflow-wrap:break-word}
body:has(.restored-article) main p{max-width:75ch}
@media(max-width:600px){body:has(.restored-article) main h1{font-size:clamp(1.85rem,7vw,2.5rem)!important;max-width:100%;line-height:1.2!important}}

/* Approved Template 002 — Luxury Swiss Editorial. */
body.theme-s405{--ink:#15191a;--paper:#f4f6f5;--line:#cbd2d0;--signal:#237f78;background:#f4f6f5!important;color:#15191a}
body.theme-s405 .premium-header.site-header{position:relative!important;background:#f4f6f5!important;border-bottom:1px solid #cbd2d0!important;box-shadow:none!important}
body.theme-s405 .premium-header .nav-utility{position:static!important;display:flex!important;min-height:30px!important;padding:0!important;border-bottom:1px solid #cbd2d0!important;border-radius:0!important;background:transparent!important;color:#586260!important;letter-spacing:.14em}
body.theme-s405 .premium-header .nav-utility em{display:block;color:#237f78}
body.theme-s405 .premium-header .nav-main{align-items:center;min-height:86px;padding:0!important;gap:26px}
body.theme-s405 .premium-header .nav-brand{align-self:center;max-width:260px;padding:0 24px 0 0;border-right:1px solid #cbd2d0;transform:none!important}
body.theme-s405 .premium-header .nav-mark{width:42px;height:42px;border:1px solid #15191a;border-radius:50%!important;background:transparent!important;color:#15191a;box-shadow:none!important}
body.theme-s405 .premium-header .nav-brand-label strong{font:600 1.08rem/1.05 Georgia,serif!important;letter-spacing:-.02em}
body.theme-s405 .premium-header .nav-brand-label small{color:#237f78;font-size:.55rem;letter-spacing:.15em}
body.theme-s405 .premium-header .nav-shell{overflow:hidden}
body.theme-s405 .premium-header .nav-core{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
body.theme-s405 .premium-header .nav-core::-webkit-scrollbar{display:none}
body.theme-s405 .premium-header .nav-core>a{flex:0 0 auto;padding:10px 9px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#4d5654;font-size:.76rem;font-weight:700!important}
body.theme-s405 .premium-header .nav-core>a[aria-current=page]{color:#15191a;border-bottom:2px solid #237f78!important}
body.theme-s405 .nav-actions{display:none}
body.theme-s405 .handover-hero{padding:0!important;background:#f4f6f5!important;color:#15191a!important}
body.theme-s405 .handover-hero>.site-container{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(430px,1.18fr)!important;gap:0!important;max-width:1480px!important;padding:clamp(70px,9vw,130px) 0 0!important}
body.theme-s405 .handover-hero>.site-container>div{display:grid;align-content:center;padding:0 clamp(36px,6vw,90px) clamp(70px,9vw,120px) 0;border-right:1px solid #cbd2d0}
body.theme-s405 .handover-hero .eyebrow{color:#237f78;letter-spacing:.17em}
body.theme-s405 .handover-hero h1{max-width:10ch;margin:20px 0 30px;color:#15191a!important;font:500 clamp(3.7rem,6vw,7.2rem)/.88 Georgia,serif!important;letter-spacing:-.055em!important}
body.theme-s405 .handover-hero p{max-width:38ch;color:#53605e!important;font-size:1rem;line-height:1.75}
body.theme-s405 .handover-hero .pill-link{justify-self:start;margin-top:24px;padding:12px 0;border:0;border-bottom:1px solid #15191a;border-radius:0;background:transparent;color:#15191a;font-weight:800}
body.theme-s405 .handover-hero .illustration{content:url('../images/s405-premium/handover-hero.png');width:100%!important;height:100%!important;min-height:620px;object-fit:cover;object-position:center;border-radius:0!important}
body.theme-s405 .stage-tabs{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:0!important;max-width:1480px;margin:0 auto;padding:0!important;border-left:1px solid #cbd2d0;border-bottom:1px solid #cbd2d0}
body.theme-s405 .stage-tabs>div{min-height:145px;padding:28px!important;border:0!important;border-right:1px solid #cbd2d0;border-radius:0!important;background:#f4f6f5!important}
body.theme-s405 .stage-tabs strong{color:#237f78;font-size:.7rem;letter-spacing:.14em}
body.theme-s405 .stage-tabs p{max-width:14ch;color:#15191a;font:500 1.3rem/1.15 Georgia,serif}
body.theme-s405 .handover-content{padding:110px 0!important}
body.theme-s405 .handover-content>h2{max-width:8ch;margin:15px 0 55px;font:500 clamp(3.4rem,6vw,6.6rem)/.9 Georgia,serif;letter-spacing:-.05em}
body.theme-s405 .handover-lanes{gap:0!important;border-top:1px solid #15191a}
body.theme-s405 .lane{padding:26px;border-right:1px solid #cbd2d0;background:transparent!important;border-radius:0!important}
body.theme-s405 .lane:last-child{border-right:0}
body.theme-s405 .taskcard{padding:18px 0!important;border:0!important;border-top:1px solid #cbd2d0;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.theme-s405 .project-panel{display:none!important}
body.theme-s405 .context-guide{margin:42px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.theme-s405 .context-guide img{width:100%;max-height:660px!important;aspect-ratio:3/2;object-fit:cover;border-radius:0!important}
body.theme-s405 .context-guide figcaption{padding:13px 0;border-bottom:1px solid #cbd2d0;color:#596461;font-size:.8rem;letter-spacing:.05em}
body.theme-s405 .expanded-story-visual,body.theme-s405 .expanded-visual-gallery{display:none!important}
body.theme-s405 .expanded-visual-gallery{margin:0!important;padding:100px max(5vw,calc((100vw - 1480px)/2))!important;border-radius:0!important;background:#121817!important;color:#edf2f0}
body.theme-s405 .premium-footer{background:#17201f!important;color:#eff3f1!important}
body.theme-s405 .footer-brand-matched{display:flex!important;align-items:center;gap:12px}
body.theme-s405 .footer-brand-matched .nav-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #edf2f0;border-radius:50%}
body.theme-s405 .footer-brand-matched .nav-brand-label{display:grid}
body.theme-s405 .footer-brand-matched .nav-brand-label strong{font:600 1.08rem/1.05 Georgia,serif}
body.theme-s405 .footer-brand-matched .nav-brand-label small{color:#72b4ae;font-size:.55rem;letter-spacing:.15em}
@media(max-width:1080px){body.theme-s405 .premium-header .nav-brand{max-width:210px}body.theme-s405 .premium-header .nav-core>a{padding:10px 6px!important;font-size:.7rem}body.theme-s405 .handover-hero>.site-container{grid-template-columns:1fr!important;padding-top:70px!important}body.theme-s405 .handover-hero>.site-container>div{padding:0 24px 70px;border-right:0}body.theme-s405 .handover-hero h1{max-width:13ch}body.theme-s405 .handover-hero .illustration{min-height:480px}}
@media(max-width:880px){body.theme-s405 .premium-header .nav-utility{display:none!important}body.theme-s405 .premium-header .nav-brand{border-right:0}body.theme-s405 .premium-header .nav-shell{background:#f4f6f5!important}body.theme-s405 .premium-header .nav-core{display:grid;grid-template-columns:1fr 1fr}body.theme-s405 .stage-tabs{grid-template-columns:1fr 1fr!important}body.theme-s405 .handover-content{padding-left:20px!important;padding-right:20px!important}}
@media(max-width:560px){body.theme-s405 .handover-hero h1{font-size:clamp(3rem,15vw,4.8rem)!important}body.theme-s405 .handover-hero .illustration{min-height:360px}body.theme-s405 .stage-tabs{grid-template-columns:1fr!important}}
\n/* Final product-interface visibility correction */\n.product-context-shot,.product-context-shot img{overflow:visible!important;clip-path:none!important;transform:none!important;filter:none!important}.product-context-shot img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;border-radius:0!important}.product-context-shot.product-boxshot{max-width:760px;margin-inline:auto}\n
