/* The curated collection follows the selected Invitation identity. */
.inspiration-browse{text-align:center;margin-top:30px}
.collection-intro{text-align:center;padding-block:38px 57px}
.collection-intro h1{font-size:clamp(56px,6.6vw,88px);letter-spacing:-.035em;margin-top:21px;line-height:1.08}
.collection-intro>p:last-child{font-size:23px;line-height:1.5;color:var(--muted);margin-top:22px}
.collection-grid{max-width:1170px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 36px}
.collection-card{display:block;min-width:0}
.collection-card figure{overflow:hidden;background:#f1e8de}
.collection-card img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;transition:transform .6s}
.collection-card:hover img{transform:scale(1.025)}
.collection-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:21px}
.collection-caption h2{font-size:36px;letter-spacing:-.025em;line-height:1.15}
.collection-caption p{font-size:20px;color:var(--muted);margin-top:8px}
.collection-arrow{font:25px var(--sans)}
.collection-link{font:11px/1.5 var(--sans);display:inline-flex;align-items:center;gap:25px;min-height:44px;border-bottom:1px solid var(--line);margin-top:9px}
.collection-card:focus-visible{outline-offset:8px}
.collection-note{max-width:1170px;font:10px/1.6 var(--sans);color:var(--muted);margin-top:27px}
.collection-real{max-width:1170px;display:grid;grid-template-columns:1.18fr 1fr;gap:60px;align-items:center;padding-top:57px;margin-top:57px;border-top:1px solid var(--line)}
.real-photo img{width:100%;height:auto;aspect-ratio:4/3}
.real-copy h2{font-size:clamp(38px,4vw,53px);letter-spacing:-.03em;margin-top:20px;line-height:1.12}
.real-copy>p:not(.eyebrow){font-size:22px;color:var(--muted);line-height:1.5;margin-top:23px}
.real-copy .text-link{margin-top:20px}
.real-photo-note{display:block;font:9px/1.6 var(--sans);color:var(--muted);margin-top:18px}
.collection-closing{text-align:center;max-width:1170px;border-top:1px solid var(--line);padding-block:52px 59px;margin-top:62px}
.collection-closing h2{font-size:clamp(35px,4vw,47px);margin-top:20px}
.collection-closing .button{margin-top:28px}
/* Full sample content is retained; this layer aligns its framing and typography. */
.portfolio-page{--body-warm:var(--muted);--cocoa:var(--ink);--terracotta:var(--accent);--terracotta-deep:var(--accent);--honey:#e8d4bf;background:var(--cream)}
.portfolio-page .wrap{width:calc(100% - 128px);max-width:1120px;margin-inline:auto}
.portfolio-back{padding-top:20px}
.portfolio-page .design-head,.portfolio-page .story-head{padding-top:29px}
.portfolio-page .design-head h1,.portfolio-page .story-head h1{font-size:clamp(48px,6vw,73px);letter-spacing:-.025em}
.portfolio-page .sample-badge,.portfolio-page .real-badge{font:9px/1.7 var(--sans);letter-spacing:.1em;padding:9px 12px;background:#f1e5db;color:var(--ink)}
.portfolio-page .pkg,.portfolio-page .story{gap:55px;padding-top:32px}
.portfolio-page .pkg-section h2{font-size:clamp(30px,3.5vw,42px);letter-spacing:-.02em}
.portfolio-page .concept-copy p{font-size:21px;line-height:1.6;margin:18px 0}
.portfolio-page .brief-recap{background:var(--cream);border-color:var(--line)}
.portfolio-page .brief-recap .cell b,.portfolio-page .shop th,.portfolio-page .more b{font:10px/1.6 var(--sans);letter-spacing:.09em}
.portfolio-page .brief-recap .cell{font-size:20px}
.portfolio-page .shop td{font-size:19px}
.portfolio-page .shop .why,.portfolio-page .shop-note{font-size:16px}
.portfolio-page .shop a,.portfolio-page .plan a,.portfolio-page .no-print a,.portfolio-page .more a,.portfolio-page figcaption a{text-decoration:underline;text-underline-offset:4px}
.portfolio-page .shopping-scroll{max-width:100%;overflow-x:auto}
.portfolio-page .concept-grid>*{min-width:0}
.portfolio-page .shopping-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.portfolio-page .swatches{gap:17px}
.portfolio-page .swatch .chip{height:58px}
.portfolio-page .swatch b,.portfolio-page .swatch>span{font:11px/1.6 var(--sans)}
.portfolio-page .plan-row b{font-size:23px}
.portfolio-page .plan-row p{font-size:20px;line-height:1.5}
.portfolio-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:15px 24px;background:var(--ink);border:1px solid var(--ink);color:var(--cream);font:12px/1.5 var(--sans)}
.portfolio-page .btn:hover{background:var(--accent);border-color:var(--accent)}
.portfolio-page .cta-panel{padding:47px 32px;background:#f1e5db;border:1px solid var(--line);color:var(--ink)}
.portfolio-page .cta-panel h2{color:var(--ink)}
.portfolio-page .cta-panel p{font-size:22px;color:var(--muted);line-height:1.5}
.portfolio-page .cta-panel .btn{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.portfolio-page .cta-panel .btn:hover{background:var(--accent)}
.portfolio-page .speech{background:var(--cream)}
.portfolio-page .more a{min-height:44px;display:inline-flex;align-items:center}
.collection-page .site-footer,.portfolio-page .site-footer{border-top:1px solid var(--line)}
@media(max-width:1100px){.collection-real{gap:36px}.collection-caption h2{font-size:32px}.portfolio-page .wrap{width:calc(100% - 80px)}}
@media(max-width:800px){.collection-intro{padding-block:28px 40px}.collection-grid{gap:37px 25px}.collection-caption h2{font-size:29px}.collection-caption p{font-size:19px}.collection-real{gap:28px}.real-copy h2{font-size:39px}.real-copy>p:not(.eyebrow){font-size:20px}.portfolio-page .wrap{width:calc(100% - 48px)}.portfolio-page .brief-recap{grid-template-columns:1fr}.portfolio-page .design-head .for{font-size:21px}.portfolio-page .shop{min-width:540px}.portfolio-page .concept-grid .shop{min-width:380px}}
@media(max-width:600px){.collection-intro h1{font-size:56px}.collection-intro>p:last-child{font-size:21px}.collection-grid{grid-template-columns:1fr;gap:35px}.collection-caption{padding-top:18px}.collection-caption h2{font-size:34px}.collection-note{font-size:9px;margin-top:25px}.collection-real{grid-template-columns:1fr;padding-top:36px;margin-top:36px;gap:28px}.real-copy h2{font-size:44px}.real-copy>p:not(.eyebrow){font-size:22px}.collection-closing{padding-block:39px 43px;margin-top:38px}.collection-closing h2{font-size:37px}.portfolio-page .wrap{width:calc(100% - 36px)}.portfolio-page .design-head h1,.portfolio-page .story-head h1{font-size:48px}.portfolio-page .pkg,.portfolio-page .story{gap:39px}.portfolio-page .brief-recap{padding:22px}.portfolio-page .sample-badge{font-size:8px;letter-spacing:.07em}.portfolio-page .plan-row b{font-size:23px}.portfolio-page .cta-panel{padding:34px 22px}.portfolio-page .cta-panel p{font-size:21px}.portfolio-page .claim .fact{gap:20px}.portfolio-page .claim .fact b{font-size:22px}.portfolio-page .claim .fact span{font-size:17px}.collection-page .site-footer,.portfolio-page .site-footer{flex-wrap:wrap;padding-block:28px;gap:22px}.collection-page .site-footer>p,.portfolio-page .site-footer>p{order:3;max-width:none;width:100%;text-align:left}.collection-page .site-footer .brand,.portfolio-page .site-footer .brand{position:static;transform:none;text-align:left}.collection-page .footer-links,.portfolio-page .footer-links{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.collection-card img{transition:none}.collection-card:hover img{transform:none}}
