/* Collection-led homepage. Shared typography and colors remain in style.css. */
.collection-home [hidden]{display:none!important}
.category-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:28px;font-size:11px;color:var(--muted)}
.category-toolbar button{min-height:44px;font-size:11px;white-space:nowrap}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.category-visual,.pattern-location{display:block;position:relative;width:100%;aspect-ratio:1;background:var(--paper);overflow:hidden;padding:0;border:0}
.category-visual>img,.pattern-location>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s}
.category-drawing,.location-drawing{opacity:0}
.pattern-location[data-drawing=false] .location-drawing,.pattern-location[data-drawing=false] .location-drawing-label{opacity:0!important}
.category-visual:hover .category-drawing,.category-card:focus-within .category-drawing,.pattern-location:hover .location-drawing,.pattern-location:focus-visible .location-drawing,.pattern-location[data-drawing=true] .location-drawing{opacity:1}
.category-drawing-label,.location-drawing-label{position:absolute;bottom:17px;left:17px;background:var(--cream);color:var(--ink);padding:5px 8px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .45s}
.category-visual:hover .category-drawing-label,.category-card:focus-within .category-drawing-label,.pattern-location:hover .location-drawing-label,.pattern-location:focus-visible .location-drawing-label,.pattern-location[data-drawing=true] .location-drawing-label{opacity:1}
.category-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:20px}
.category-heading h3{font-size:43px;line-height:1.1}.category-heading h3 button{text-align:left}.category-heading>a{font-size:10px;color:var(--muted)}.category-heading>span{font-size:26px}
.category-description{font-size:13px;line-height:1.7;margin-top:12px;color:var(--muted);max-width:440px}.category-current{font-size:10px;margin-top:15px;color:var(--muted)}
.category-dialog{width:min(1200px,95vw);height:fit-content;max-height:92svh;overflow:auto;padding:0}
.gallery-top{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 30px;background:var(--cream);border-bottom:1px solid var(--line)}
.gallery-top button{font-size:12px;min-height:32px}.gallery-top .eyebrow{margin-right:auto}.gallery-top #gallery-close{display:flex;align-items:center;gap:25px}.gallery-top #gallery-close span{font-size:24px}
.gallery-heading{padding:32px 30px 26px}.gallery-heading h2{font-size:65px;line-height:1.05}.gallery-heading p{font-size:13px;line-height:1.7;max-width:650px;color:var(--muted);margin-top:18px}
#gallery-content{padding:0 30px 32px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 23px}
.gallery-pattern h3{font-size:29px;line-height:1.1;margin-top:15px}.gallery-pattern h3 button{text-align:left}.gallery-pattern-subtitle{font-size:11px;color:var(--muted);margin-top:8px}
.gallery-detail{display:grid;grid-template-columns:1.3fr .8fr;gap:35px;align-items:center}.gallery-detail-copy>p{font-size:14px;line-height:1.8;color:var(--muted)}.gallery-detail-copy .gallery-piece-facts{font-size:11px;margin-top:20px}.gallery-detail-copy .text-link{display:flex;margin:24px 0;max-width:220px}.gallery-detail-copy .button{font-size:12px;gap:15px}.gallery-detail-copy .gallery-detail-note{font-size:10px;line-height:1.7;margin-top:20px}
@media(max-width:800px){.category-grid{gap:24px}.category-heading h3{font-size:37px}.category-heading>a{display:none}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-detail{grid-template-columns:1fr;gap:24px}.gallery-heading h2{font-size:52px}.gallery-detail>.pattern-location{max-width:550px}}
@media(max-width:480px){.category-grid{grid-template-columns:1fr;gap:34px}.category-toolbar{gap:15px;align-items:flex-start;line-height:1.8}.category-toolbar p{max-width:200px}.category-heading h3{font-size:40px}.category-description{font-size:13px}.gallery-top{padding:15px 18px;gap:15px}.gallery-top .eyebrow{font-size:9px}.gallery-heading{padding:25px 18px}.gallery-heading h2{font-size:43px}#gallery-content{padding:0 18px 25px}.gallery-grid{gap:25px 15px}.gallery-pattern h3{font-size:23px}.gallery-pattern-subtitle{font-size:10px;line-height:1.6}.gallery-detail-copy .button{width:100%}}
@media(prefers-reduced-motion:reduce){.category-visual>img,.pattern-location>img,.category-drawing-label,.location-drawing-label{transition:none}}
.signature-collection{padding-top:76px;padding-bottom:80px}
.collection-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:12%;margin-bottom:37px}
.collection-intro h2{font-size:clamp(48px,5.2vw,78px);margin-top:20px}
.collection-intro>p{font-size:14px;line-height:1.85;max-width:355px;color:#5f675b;padding-bottom:5px}
.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:28px}
.collection-filters{display:flex;gap:30px}
.collection-filters button{font-size:13px;min-height:50px;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--muted);padding:9px 1px}
.collection-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}
#collection-count{font-size:11px;color:var(--muted)}
.signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px}
.signature-piece{min-width:0}
.signature-image{position:relative;display:block;width:100%;aspect-ratio:1.4;background:var(--paper);overflow:hidden}
.signature-image img{object-fit:contain;transition:transform .5s}
.signature-piece[data-piece=arches] .signature-image img{object-fit:cover}
.signature-image:hover img{transform:scale(1.025)}
.signature-open{position:absolute;bottom:12px;right:12px;background:var(--cream);width:30px;height:30px;font-size:20px;display:grid;place-items:center}
.signature-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:16px}
.signature-title h3{font-size:32px;line-height:1.15;letter-spacing:-.025em}
.signature-title h3 button{text-align:left;line-height:1.15}
.signature-title>span{font-size:9px;color:var(--muted)}
.signature-subtitle{font-size:11px;color:var(--muted);margin-top:5px}
.collection-study-note{font-size:10px;color:var(--muted);margin-top:31px;max-width:650px}
.collection-home #applications{padding-top:84px}
.collection-home .product-visual:hover>img:first-child,.collection-home .product-visual:focus-visible>img:first-child{opacity:1;transform:scale(1.025)}
.collection-home .pattern-kinds{border-bottom:1px solid var(--line)}
.piece-dialog{width:min(1120px,94vw);height:fit-content;max-height:90svh;overflow:auto}
.piece-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;border-bottom:1px solid var(--line)}
.piece-dialog-top button{font-size:12px}
.piece-dialog-content{display:grid;grid-template-columns:1.35fr .8fr;align-items:center;gap:34px;padding:28px}
.piece-dialog-content>img{height:auto;max-height:66svh;object-fit:contain}
.piece-dialog-copy h2{font-size:57px;line-height:1.02}
.piece-dialog-copy>p{font-size:13px;line-height:1.85;margin-top:23px;color:var(--muted)}
.piece-dialog-copy .button{margin-top:27px;font-size:12px;gap:20px}
.piece-dialog-copy .piece-dialog-note{font-size:10px;margin-top:18px}
@media(min-width:1600px){.collection-hero{padding-left:max(5.8%,calc((100vw - 1450px)/2));padding-right:max(3.6%,calc((100vw - 1450px)/2));gap:5%}}
@media(max-width:1100px){.collection-hero{gap:3%;grid-template-columns:.85fr 1.15fr;padding-top:50px}.collection-hero h1{font-size:76px}.collection-hero-description{font-size:14px;max-width:290px}.collection-hero-credit{margin-top:32px}.featured-caption>span{max-width:145px}.featured-choices{gap:12px}.featured-choices button{gap:6px;font-size:10px}.signature-grid{gap:32px 18px}.signature-title h3{font-size:29px}.piece-dialog-copy h2{font-size:47px}}
@media(max-width:800px){.collection-hero{grid-template-columns:1fr;padding:41px 5% 28px;gap:24px}.collection-hero-copy{max-width:none;padding:0}.collection-hero h1{font-size:clamp(64px,11vw,89px);margin-top:22px}.collection-hero-description{max-width:440px;margin-top:22px}.collection-hero-actions{flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap;margin-top:23px}.collection-hero-actions .button{min-width:235px}.collection-hero-credit{margin-top:22px}.featured-caption{padding-top:18px}.featured-caption>span{max-width:190px}.featured-choices button{font-size:12px;gap:11px}.collection-intro{gap:7%;grid-template-columns:1.1fr 1fr}.collection-intro h2{font-size:57px}.collection-intro>p{font-size:13px}.signature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 18px}.signature-title h3{font-size:30px}.piece-dialog-content{grid-template-columns:1fr;gap:24px}.piece-dialog-copy h2{font-size:46px}.piece-dialog-content>img{max-height:45svh}.piece-dialog-copy>p{margin-top:15px}}
@media(max-width:480px){.collection-hero h1{font-size:65px}.collection-hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.collection-hero-description{font-size:14px;max-width:330px}.collection-hero-credit{font-size:9px}.featured-caption p{font-size:29px}.featured-caption>span{font-size:10px;max-width:150px}.featured-choices{gap:10px}.featured-choices button{font-size:10px;gap:7px}.signature-collection{padding-top:53px;padding-bottom:53px}.collection-intro{display:block;margin-bottom:24px}.collection-intro h2{font-size:54px}.collection-intro>p{margin-top:23px;max-width:330px}.collection-filters{gap:23px}.collection-filters button{font-size:12px;min-height:49px}#collection-count{font-size:10px}.signature-grid{grid-template-columns:1fr;gap:29px}.signature-title h3{font-size:33px}.signature-image{aspect-ratio:1.5}.signature-subtitle{font-size:12px}.collection-study-note{font-size:10px;line-height:1.7;margin-top:28px}.collection-home #applications{padding-top:55px}.piece-dialog-top,.piece-dialog-content{padding:18px}.piece-dialog-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.signature-image img{transition:none}.collection-home{scroll-behavior:auto}}

/* Finished compositions fill the header and shift behind the introduction. */
.collection-hero{position:relative;display:flex;align-items:center;min-height:690px;height:calc(100svh - 96px);max-height:1050px;overflow:hidden;padding:64px 5.8% 96px;color:var(--cream);background:var(--ink)}
.collection-hero-film,.collection-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.collection-hero-film{object-fit:cover;object-position:center}
.collection-hero-shade{background:linear-gradient(90deg,#142017c9 0%,#14201788 46%,#14201724 100%),linear-gradient(0deg,#14201788,transparent 40%)}
.collection-hero-copy{position:relative;z-index:1;padding:0;max-width:1050px}
.collection-hero h1{font-size:clamp(70px,8.1vw,124px);line-height:.94;letter-spacing:-.035em;margin-top:25px;max-width:1000px}
.collection-hero-description{font-size:16px;line-height:1.8;max-width:540px;margin-top:28px;color:var(--cream)}
.collection-hero-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:30px;margin-top:30px}
.collection-hero-actions .button{min-width:236px}
.collection-hero-actions .text-link{font-size:13px;gap:28px}
.collection-film-foot{position:absolute;z-index:1;bottom:23px;left:5.8%;right:5.8%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.04em}
.collection-film-foot button{display:flex;align-items:center;gap:15px;min-height:44px;color:var(--cream);font-size:11px}
.collection-film-foot button span{font-size:17px}
@media(max-width:800px){.collection-hero{min-height:760px;height:calc(100svh - 76px);padding:45px 5% 100px}.collection-hero h1{font-size:clamp(57px,9.8vw,80px);margin-top:23px}.collection-hero-description{max-width:460px;font-size:15px}.collection-hero-shade{background:linear-gradient(90deg,#142017ca,#14201765),linear-gradient(0deg,#14201799,transparent 50%)}.collection-film-foot{left:5%;right:5%}.collection-hero-actions{gap:24px}.collection-hero-actions .button{min-width:220px}}
@media(max-width:480px){.collection-hero{height:auto;min-height:760px;padding:47px 5% 100px}.collection-hero h1{font-size:clamp(51px,13.5vw,64px)}.collection-hero-description{font-size:14px;line-height:1.8;margin-top:25px}.collection-hero-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:26px}.collection-hero-copy .eyebrow{font-size:9px}.collection-film-foot{font-size:9px}}
.made-to-fit{background:#e4e8dd;padding-top:74px;padding-bottom:66px}
.made-to-fit-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:54px}
.made-to-fit h2{font-size:clamp(52px,5.4vw,80px);margin-top:23px}
.made-to-fit-heading>p{font-size:14px;line-height:1.85;color:#5f675b;max-width:400px}
.made-to-fit-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.made-to-fit-points li{border-top:1px solid #b9bfb0;padding-top:22px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.made-to-fit-points h3{font-size:33px;line-height:1.08;letter-spacing:-.02em}
.made-to-fit-points h3 span{display:block;font-family:var(--sans);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#63705e;margin-bottom:12px}
.made-to-fit-points li>p{flex:1;font-size:13px;line-height:1.85;color:#5f675b;max-width:340px;margin:14px 0 24px}
.made-to-fit-points .text-link{font-size:12px}
.made-to-fit-points .button{font-size:12px;gap:30px;min-height:50px}
@media(max-width:1050px){.made-to-fit-heading{gap:7%}.made-to-fit-points{gap:24px}.made-to-fit-points h3{font-size:28px}}
@media(max-width:800px){.made-to-fit{padding-top:53px;padding-bottom:45px}.made-to-fit-heading{grid-template-columns:1fr;gap:22px;margin-bottom:38px}.made-to-fit h2{font-size:58px}.made-to-fit-points{grid-template-columns:1fr;gap:34px}.made-to-fit-points li>p{flex:none;max-width:460px}}
@media(max-width:480px){.made-to-fit h2{font-size:46px}.made-to-fit-points h3{font-size:29px}.made-to-fit-points .button{width:100%}}

/* Personal overlay: its own band directly below the collection. */
.personal-overlay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8%;align-items:center;border-top:1px solid var(--line);padding-top:62px;padding-bottom:70px}
.personal-overlay h2{font-size:clamp(40px,4vw,58px);margin-top:16px}
.personal-overlay-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#5f675b;max-width:400px;margin-top:16px}
.personal-overlay-copy .text-link{font-size:12px;margin-top:18px}
.personal-overlay-examples{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.personal-overlay-examples figure{margin:0;min-width:0}
.personal-overlay-examples img{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain}
.personal-overlay-examples figcaption{font-family:var(--serif);font-size:19px;line-height:1.2;margin-top:10px}
.personal-overlay-examples figcaption span{display:block;font-family:var(--sans);font-size:9px;color:var(--muted);margin-top:3px}
/* Where it fits: eight small location cards in two groups of four. */
.locations{padding-top:74px;padding-bottom:70px}
.locations .section-heading{align-items:end;margin:0 0 44px}
.locations .section-heading h2{font-size:clamp(47px,4.8vw,70px)}
.locations .section-heading p{max-width:430px;line-height:1.85}
.location-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.4fr);gap:4%;border-top:1px solid var(--line);padding:24px 0 40px}
.location-group-heading h3{font-size:29px;line-height:1.1;letter-spacing:-.015em}
.location-group-heading p{font-size:13px;line-height:1.8;color:#5f675b;max-width:260px;margin-top:12px}
.location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.locations .product-visual{aspect-ratio:1}
.locations .product-corner{right:10px;bottom:10px;width:26px;height:26px;font-size:16px}
.locations .product h3{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:0;margin-top:11px}
.location-tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.location-pending{display:grid;place-items:center;background:#e7e3d6;border:1px dashed #b9b6a6;text-decoration:none;color:#5f675b}
.location-pending-label{font-size:12px;line-height:1.5;text-align:center;padding:0 14px}
.location-pending-label small{display:block;margin-top:6px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.location-note{border-top:1px solid var(--line);padding-top:20px;font-size:11px;line-height:1.8;color:var(--muted);max-width:none}
@media(max-width:1050px){.location-group{grid-template-columns:1fr;gap:20px}.location-group-heading p{max-width:520px}}
@media(max-width:800px){.personal-overlay{grid-template-columns:1fr;gap:26px;padding-top:46px;padding-bottom:50px}.locations{padding-top:53px;padding-bottom:50px}.locations .section-heading{display:block;margin-bottom:30px}.locations .section-heading p{margin-top:20px}}
@media(max-width:600px){.location-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.personal-overlay-examples{gap:12px}}
/* Independent native design drawings accompany AI room illustrations. */
.product[data-drawing="true"] .product-visual>img:first-child{opacity:0}
.product[data-drawing="true"] .product-visual .drawing,.product[data-drawing="true"] .drawing-label{opacity:1}

/* Exploded layers and their merged composition, shown side by side. */
.personal-overlay{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:5%}
.personal-overlay-examples.is-layered{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.personal-overlay-examples.is-layered figure{margin:0}
.personal-overlay-examples.is-layered img{aspect-ratio:4/5;max-height:560px;object-fit:contain}
@media(max-width:800px){.personal-overlay{grid-template-columns:1fr;gap:26px}}
@media(max-width:600px){.personal-overlay-examples.is-layered{gap:10px}}
.gallery-pattern-math h3,.gallery-pattern-settings h3{font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:26px 0 12px}.gallery-pattern-math p+p{margin-top:10px}.gallery-pattern-settings dl{display:grid;grid-template-columns:minmax(110px,.7fr) 1.3fr;gap:8px 16px;font-size:13px;margin:0 0 28px}.gallery-pattern-settings dt{color:#697363}.gallery-pattern-settings dd{margin:0}.gallery-detail{align-items:start}.gallery-detail-copy>.gallery-piece-facts{margin-bottom:20px}
/* Image motion is the only visual click cue. */
.drawing-label,.product-corner,.category-drawing-label,.location-drawing-label{display:none!important}.collection-film-foot{justify-content:flex-end}.kinds-making{display:block}.kinds-making-list{width:100%}.footer-contact{display:block;font-size:13px;text-decoration:underline;margin-top:20px}