:root{--ink:#111516;--paper:#f1f4f2;--dim:#b9c5c1;--acid:#c3d9d4;--line:#ffffff29}
.masthead{background:#111313c9;backdrop-filter:blur(16px)}
.opening{min-height:740px}
.opening-copy{width:52%;padding-top:145px}
.opening h1{font-size:116px;line-height:.86}
.opening-offer{grid-template-columns:1fr;gap:20px;max-width:390px;margin-top:24px}
.opening-offer>p{font-size:32px}
.opening-offer .small{font-size:14px;line-height:1.7}
.opening-offer .light-button{margin-top:18px}
.opening-image img{object-position:60% center}
.room-scene{background:#dddcd5}
.room-scene.image-unavailable>img{visibility:hidden}
.room-copy{z-index:1}
.prologue h2 em{color:#68726b}
.object-photo{background:#111313;display:flex;align-items:center;min-height:0}
#object-viewer{width:100%;min-height:300px}
.object-copy .object-sizes{margin-top:30px}
.object-copy .object-sizes legend{color:#263028}
.object-copy .size-options label>span{border-color:#71786f;color:#1d241e;font-size:14px}
.object-copy .size-options input:checked+span{background:#1d241e;color:#f1f0eb;border-color:#1d241e}
.object-photo img{object-fit:contain}
.studio-content{max-width:650px;width:100%;padding:44px 48px 56px}
.studio-content h2{font-size:48px;line-height:1.1}
.studio-header{border-bottom:1px solid #ffffff29}
.studio-intro{line-height:1.8}
.size-options input:checked+span{background:#e4ebe8;color:#171a17;border-color:#e4ebe8}
.studio-art{background:#111313}
.field input{font-size:16px}
.proof-loading{min-height:22px;font-size:14px;color:var(--dim);line-height:1.7}
.footer-bottom{gap:32px;align-items:start}
.footer-bottom nav{flex-wrap:wrap;line-height:1.8}
.image-sources{padding-block:45px;border-top:1px solid var(--line)}
@media(min-width:1500px){.opening h1{font-size:144px}.opening-copy{padding-top:150px}}
@media(max-width:1000px) and (min-width:701px){.opening h1{font-size:88px}.opening-copy{width:54%}.opening-offer>p{font-size:28px}.studio-content{padding:32px 26px}.studio-content h2{font-size:40px}}
@media(max-width:700px){.opening{height:940px;min-height:0;max-height:none}.opening-copy{width:100%;padding-top:106px}.opening h1{font-size:86px}.opening-image{top:265px;bottom:215px}.opening-image img{object-fit:contain;object-position:center}.opening-offer{top:715px;grid-template-columns:1fr 1fr;gap:16px;max-width:none;margin:0}.opening-offer>p{font-size:26px}.opening-offer .small{font-size:14px}.opening-offer .light-button{margin-top:12px}.opening:after{background:linear-gradient(#111313 0 22%,transparent 40% 65%,#111313 80%)}.studio-content{padding:30px 22px 40px}.studio-content h2{font-size:38px}.object-photo{aspect-ratio:4/5}.masthead{padding-inline:18px}.nav-actions{gap:3px}.footer-bottom{display:block}}
@media(max-width:700px){.object .object-photo{aspect-ratio:auto}}
@media(max-width:370px){.opening h1{font-size:76px}.opening-offer>p{font-size:23px}.nav-create{gap:4px}}

/* Keep the product and the primary action in the first composition. */
.opening{height:calc(100svh - 30px);min-height:690px;max-height:980px}
.opening-copy{padding-top:136px}
.opening h1{font-size:108px;line-height:.88}
.opening-offer{gap:18px;margin-top:22px}
.opening-offer>p{font-size:32px}
.opening-offer .small{display:block;font-size:14px}
.opening-offer .light-button{margin-top:18px}
.price-note{font-size:14px}
.opening-image img{object-position:62% center}
.reveal-veil{background:#101617;background-image:linear-gradient(#101617e8,#101617f5),url('/design/assets/gallery-room-background.png');background-size:cover;background-position:center;padding:36px;gap:26px;overflow:auto}
.reveal-veil>span{font-size:36px;line-height:1.25;max-width:420px;text-wrap:balance}
.raw-capture{width:min(220px,55%)}
.raw-capture img{filter:none;border-color:#71827d}
.raw-capture figcaption{white-space:normal;font-size:14px;line-height:1.65;color:#bccac5;overflow-wrap:anywhere}
.finish-progress{width:min(330px,90%)}
.finish-bar{height:3px;background:#ffffff20}
.finish-bar i{background:#c3d9d4}
.finish-progress p{font-size:14px;line-height:1.7;color:#d2dcd8;min-height:2em}
.studio-art.revealing{min-height:600px}
.studio-content{background:#111516;background-image:linear-gradient(#111516ed,#111516fa),url('/design/assets/gallery-room-background.png');background-size:cover}
.chapters,.collection,.questions{background-image:linear-gradient(#111516ec,#111516f7),url('/design/assets/gallery-room-background.png');background-size:cover;background-position:center}
.studio-content .field input{border-color:#7b8a85}
#place-results{background:#1d282a;border-color:#738780}
#place-results li:hover,#place-results li[aria-selected=true]{background:#c3d9d4;color:#15201b}
.footer-bottom{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:32px}
.footer-bottom nav{display:grid;gap:8px}
.footer-bottom>span{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}
@media(min-width:1600px){.opening h1{font-size:142px}.opening-copy{padding-top:160px}}
@media(min-width:701px) and (max-height:800px){.opening{min-height:650px}.opening-copy{padding-top:118px}.opening h1{font-size:94px}.opening-offer{gap:12px;margin-top:16px}.opening-offer>p{font-size:28px}.opening-offer .light-button{margin-top:12px}}
@media(min-width:701px) and (max-width:1000px){.opening h1{font-size:86px}.opening-copy{width:58%}.opening-offer>p{font-size:28px}}
@media(max-width:700px){
 .opening{height:calc(100svh - 24px);min-height:760px;max-height:960px}
 .opening-copy{padding-top:105px}
 .opening h1{font-size:77px;max-width:345px}
 .opening-image{top:242px;bottom:178px}
 .opening-image img{object-fit:contain;object-position:center}
 .opening-offer{bottom:76px;gap:18px}
 .opening-offer>p{font-size:25px;line-height:1.12}
 .opening-offer .small{display:none}
 .opening-offer .light-button{margin-top:0;font-size:14px;min-height:48px}
 .price-note{font-size:14px}
 .opening:after{background:linear-gradient(#111516 0 26%,transparent 42% 68%,#111516 83%)}
 .studio-art.revealing{height:460px!important;min-height:460px}
 .reveal-veil{padding:26px 22px;gap:20px}
 .reveal-veil>span{font-size:27px;max-width:310px}
 .raw-capture{width:142px}
 .finish-progress{width:100%;max-width:300px}
 .studio-content h2{font-size:38px}
 .footer-bottom{grid-template-columns:1fr 1fr;gap:26px 22px}
 .footer-bottom>p,.footer-bottom>span{grid-column:1/-1}
 .footer-bottom nav{margin:0;display:grid;align-content:start}
 .featured-copy h2{font-size:42px}
 .object-copy{display:flex;flex-direction:column;padding-top:24px}
 .object-copy .object-sizes{order:-1;margin:0 0 32px}
 .object-copy .line-button{align-self:flex-start}
}
@media(max-width:370px){.opening h1{font-size:66px}.opening-offer>p{font-size:22px}}

/* Occasion pages are visible from the storefront, not only its footer. */
.home-gifts{padding-block:72px 90px;scroll-margin-top:100px;border-top:1px solid var(--line)}
.home-gifts .section-heading{margin-bottom:36px}
.home-gifts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.home-gifts-grid li{min-width:0}
.home-gifts-grid a{display:block;text-decoration:none;color:inherit}
.home-gifts-grid figure{position:relative;margin:0;overflow:hidden;background:#151b18;aspect-ratio:4/5}
.home-gifts-grid img{width:100%;height:100%;object-fit:cover;object-position:72% center;display:block;transition:transform .4s}
.home-gifts-grid li:first-child img{object-position:right center}
.home-gifts-grid a:hover img{transform:scale(1.025)}
.home-gifts-grid figcaption{position:absolute;right:8px;bottom:8px;padding:4px 6px;font:14px/1.4 var(--sans);color:#eef2ee;background:#111715cf}
.home-gift-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;font-size:14px;color:var(--dim)}
.home-gift-label svg{width:17px;height:17px;flex-shrink:0}
.home-gifts-grid h3{font:400 27px/1.2 var(--serif);margin:12px 0 0;text-wrap:balance}
.home-gifts-more{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}
.home-gifts-more a{font-size:14px;line-height:1.6;text-underline-offset:5px;min-height:36px;display:flex;align-items:center}
@media(max-width:1000px){.home-gifts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}}
@media(max-width:700px){.home-gifts{padding-block:42px 52px;scroll-margin-top:80px}.home-gifts .section-heading{margin-bottom:26px}.home-gifts-grid{gap:28px 14px}.home-gifts-grid h3{font-size:23px}.home-gift-label{margin-top:14px;font-size:14px}.home-gifts-grid figcaption{font-size:14px;right:4px;bottom:4px}.home-gifts-more{gap:8px 20px;margin-top:26px}}
@media(prefers-reduced-motion:reduce){.home-gifts-grid img{transition:none}}
