/* 2026-10-28: daily-life collection and lifestyle applications */
[hidden]{display:none!important}
.hero-renewed{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:660px;margin:24px -2% 0;padding:42px 22px 36px;border:1px solid #dcc8b246;background:radial-gradient(ellipse at 50% 45%,#fffdf7 0%,#f7f0e4 65%,#eee0cb 100%)}
.hero-renewed:before{content:"";position:absolute;inset:14px;border:1px solid #b898682c;pointer-events:none;z-index:-1}
.hero-renewed:after{content:"";position:absolute;inset:0;z-index:-3;opacity:.35;background-image:repeating-linear-gradient(0deg,#a1825306 0px,#a1825306 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,#a1825305 0px,#a1825305 1px,transparent 1px,transparent 5px)}
.hero-renewed .hero-copy{text-align:center;z-index:1;position:relative;padding:0 22px}
.hero-renewed .eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:14px}
.hero-seal{display:inline-grid;place-content:center;width:42px;height:42px;color:var(--red);border:1px solid var(--red);font:15px/1.1 var(--serif);letter-spacing:3px;padding-left:3px;transform:rotate(-5deg);box-shadow:inset 0 0 0 3px #f8f4eb,inset 0 0 0 4px #a4312b55}
.hero-renewed .hero-kicker{font-size:15px;letter-spacing:5px;margin:25px 0 17px}
.hero-renewed h1{font-size:clamp(48px,5.1vw,76px);line-height:1.27;letter-spacing:5px;margin-bottom:22px;font-weight:500}
.hero-renewed .hero-desc{font-size:14px;line-height:1.95;letter-spacing:2px;margin-bottom:26px}
.hero-renewed .hero-foot{margin-top:31px;justify-content:center;font-size:10px;gap:24px}
.hero-renewed .hero-foot small{font-size:10px}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:25px}
.hero-actions .text-link{margin-left:0}
.hero-ornament{position:absolute;z-index:-2;width:420px;height:660px;bottom:-52px;background:url('assets/hero-branches.svg') center/contain no-repeat;opacity:.28;pointer-events:none}
.ornament-left{left:-97px;transform:rotate(6deg)}
.ornament-right{right:-97px;transform:scaleX(-1) rotate(6deg)}
.hero-side{position:absolute;top:52px;writing-mode:vertical-rl;font:12px var(--serif);letter-spacing:5px;color:#9e6951}
.side-left{left:38px}.side-right{right:38px}
.section-ribbon{margin-top:24px;font-size:14px;gap:40px}
.workspace-section{padding-top:62px}
.studio{grid-template-columns:300px minmax(0,1fr)}
.creation-panel{padding:24px 22px}
.library-summary{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 0}
.artwork-list{max-height:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-content:start}
.artwork img{aspect-ratio:1;object-fit:contain;height:auto}
.artwork strong{font-size:11px;line-height:1.6}
.artwork small{letter-spacing:1px;font-size:10px}
.compact-pager,.gallery-pager{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:16px;font-size:11px}
.compact-pager button,.gallery-pager button{border:1px solid var(--line);background:#fffaf1;padding:5px 9px;color:var(--ink);font-size:11px}
.compact-pager button:disabled,.gallery-pager button:disabled{opacity:.35;cursor:default}
.carrier-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.carrier{border-radius:0;font-size:11px;position:relative;padding-bottom:8px}
.carrier-thumb{aspect-ratio:1.55;margin-bottom:7px}
.carrier.active{box-shadow:inset 0 -3px 0 var(--red)}
.carrier:hover{border-color:#c3957c;background:#f5eadc}
.carrier-note{line-height:1.7}
.bottom-bar{flex-wrap:wrap}.bottom-actions{margin-left:auto}
.gallery-filters{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 23px;border-bottom:1px solid var(--line)}
.gallery-filter{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:transparent;padding:8px 14px;font-size:12px;border-radius:2px}
.gallery-filter small{color:#9b8975;font-size:10px;font-family:Georgia,serif}
.gallery-filter.active{background:var(--red);border-color:var(--red);color:#fff8ee}.gallery-filter.active small{color:#efd4c2}
.gallery-filter:hover:not(.active){background:#eee4d4}
.gallery-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:19px 0;font-size:12px;color:var(--muted)}
.gallery-meta p{margin:0}.gallery-meta>span{white-space:nowrap;font-size:11px}
.gallery-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:29px 22px}
.gallery-picture{position:relative;padding:18px;background:#efe7d8}
.gallery-picture img{height:auto}
.gallery-available{position:absolute;bottom:23px;right:23px;background:#fffaf0e8;border:1px solid #d3b8a2;color:#925136;font-size:10px;padding:2px 7px;letter-spacing:1px}
.gallery-caption{gap:10px;align-items:baseline}.gallery-caption strong{font:17px var(--serif)}.gallery-caption small{font-size:10px;white-space:nowrap}
.gallery-pager{margin-top:30px;gap:22px}.gallery-pager button{padding:8px 16px;font-size:12px}
.art-dialog{width:min(760px,93vw);max-height:95vh;padding:23px}.art-dialog h2{font-size:25px;margin-bottom:18px}
.art-dialog>img{display:block;margin:auto;max-height:65vh;max-width:100%;width:auto;object-fit:contain;background:#fff}
.art-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.art-dialog-bottom p{font-size:12px;color:var(--muted);margin:0}
.idea-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}
.idea-list article.idea-card{border:0;background:transparent}
.idea-visual{overflow:hidden;border:1px solid #d7c9b8}
.idea-body{padding:19px 0 4px}.idea-list h3{font-size:23px;letter-spacing:1px}.idea-list p{font-size:13px;min-height:0;line-height:1.9;max-width:95%}.idea-try{margin-top:10px}
.idea-badge{top:15px;left:15px;padding:5px 10px}.idea-zoom{bottom:15px;right:15px}
.possibilities{margin-top:60px;padding-top:53px}
@media(max-width:1200px){.studio{grid-template-columns:250px minmax(0,1fr)}.creation-panel{padding:20px 15px}.carrier-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.carrier{font-size:10px}.carrier-section{padding-left:18px;padding-right:18px}.gallery-caption{display:block}.gallery-caption small{display:block;margin-top:5px}.hero-ornament{width:360px;opacity:.23}.ornament-left{left:-110px}.ornament-right{right:-110px}}
@media(max-width:900px){.studio{grid-template-columns:225px minmax(0,1fr)}.hero-renewed{min-height:610px}.hero-ornament{opacity:.18}.gallery-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 15px}.gallery-filter{padding:7px 10px}.carrier-list{gap:5px}.carrier{font-size:9px}.hero-side{display:none}.idea-list{gap:25px 18px}.idea-list h3{font-size:20px}}
@media(max-width:700px){.studio{display:flex;flex-direction:column}.creation-panel{border-right:0;border-bottom:1px solid var(--line);padding:22px}.artwork-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.artwork strong{font-size:11px}.artwork small{display:block}.carrier-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.carrier{font-size:12px}.carrier-thumb{aspect-ratio:1.6}.hero-renewed{min-height:610px;margin:18px -6px 0;padding:36px 14px}.hero-renewed h1{font-size:clamp(30px,9.5vw,53px);letter-spacing:0;white-space:nowrap}.hero-renewed .hero-kicker{font-size:13px;letter-spacing:3px}.hero-renewed .hero-foot{display:flex;gap:8px}.hero-renewed .hero-foot small{display:none}.hero-ornament{width:320px;height:520px;opacity:.16;bottom:0}.ornament-left{left:-170px}.ornament-right{right:-170px}.hero-renewed .eyebrow{font-size:8px;letter-spacing:2px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{padding:10px 16px;font-size:13px}.hero-actions .text-link{font-size:12px}.gallery-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.gallery-picture{padding:12px}.gallery-available{right:16px;bottom:16px}.gallery-meta{font-size:11px;align-items:start}.gallery-filter{font-size:11px;gap:6px}.gallery-filters{gap:7px}.idea-list{grid-template-columns:1fr;gap:32px}.idea-list h3{font-size:23px}.hero-renewed .hero-desc{font-size:13px;letter-spacing:1px}.section-ribbon{gap:12px;font-size:11px}.art-dialog-bottom{flex-wrap:wrap}.art-dialog .button{font-size:12px}.art-dialog>img{max-height:60vh}.gallery-caption strong{font-size:16px}}
@media(max-width:380px){.hero-renewed h1{font-size:clamp(30px,9.5vw,53px)}.hero-renewed .hero-copy{padding:0 12px}.hero-actions{gap:11px}.artwork-list{gap:7px}.carrier-list{gap:7px}.gallery-filter{padding:6px 8px}.section-ribbon{font-size:10px;gap:9px}}

/* Product confirmation navigation */
.bottom-actions{flex-wrap:wrap;align-items:center}.bottom-actions .confirm-customization{min-height:40px}
@media(max-width:640px){.bottom-actions .confirm-customization{flex:1 0 100%;margin-top:3px}}
