/* A packing system: capsule navigation, horizontal packing lists, boarding-pass review. */
.demo.theme-4 .site-head{margin-top:24px;background:#18303c;color:#fff;border-radius:48px;padding:18px 32px}.demo.theme-4 .site-head .wordmark{font-size:29px}.demo.theme-4 .site-head .demo-desktop-nav>a[aria-current]{background:#365565}.demo.theme-4 .demo-nav-more>div{color:var(--ink)}.demo.theme-4 .intro-section{max-width:950px;text-align:left}.demo.theme-4 .dc-products{display:flex;flex-direction:column;gap:18px}.demo.theme-4 .dc-card{display:grid;grid-template-columns:minmax(200px,.7fr) 1.2fr auto;gap:8px 28px;padding:24px;background:#fff;border-radius:16px}.demo.theme-4 .dc-card-image{grid-row:1/5;aspect-ratio:4/3}.demo.theme-4 .dc-card-meta{grid-column:2/4}.demo.theme-4 .dc-card h3,.demo.theme-4 .dc-card>p{grid-column:2}.demo.theme-4 .dc-card .dc-button{grid-column:3;grid-row:2/4;align-self:center}.demo.theme-4 .page-intro{background:#d5e5ec;border-radius:24px;padding:40px}.demo.theme-4 .story-band{grid-template-columns:1fr 1.3fr;background:#fff;border-radius:24px;padding:32px}.demo.theme-4 .journal-card-image{border-radius:16px;aspect-ratio:16/10}.demo.theme-4 .journal-reading-layout{grid-template-columns:1fr 230px}.demo.theme-4 .journal-contents{grid-column:2;grid-row:1}.demo.theme-4 .journal-prose{grid-column:1;grid-row:1}.demo.theme-4 .contact-form-shell,.demo.theme-4 .dc-summary{background:#fff;border-radius:20px;padding:32px}.demo.theme-4 .dc-product{grid-template-columns:1fr 1fr;gap:40px}.demo.theme-4 .demo-reading{background:#fff;padding:40px;border-radius:20px}.demo.theme-4 .site-foot{background:#18303c;color:#fff;border-radius:32px 32px 0 0}.demo.theme-4 .identity-farewell{display:flex;gap:40px;align-items:center;justify-content:space-between}.demo.theme-4 .identity-farewell>p{display:none}.demo.theme-4 .identity-farewell h2{max-width:13ch}.demo.theme-4 .identity-farewell>a{background:#fff;color:#18303c;padding:16px 24px;border-radius:40px}.demo.theme-4 .demo-flow-steps li{border-radius:30px}
@media(max-width:900px){.demo.theme-4 .site-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;transform:none;margin:12px 16px;padding:12px 16px;gap:12px}.demo.theme-4 .site-head .demo-desktop-nav{display:none}.demo.theme-4 .site-head .wordmark{max-width:55%;letter-spacing:-.5px}.demo.theme-4 .site-head .mobile-menu-panel{border:1px solid var(--ui-border);border-radius:0 0 12px 12px}.demo.theme-4 .identity-farewell{display:block;grid-column:1/-1;grid-row:auto}.demo.theme-4 .identity-farewell h2{max-width:20ch}.demo.theme-4 .site-foot>div:nth-child(2),.demo.theme-4 .site-foot>.footer-groups{grid-column:1/-1;grid-row:auto}.demo.theme-4 .site-foot>.footer-groups{border-left:0;padding-left:0}.demo.theme-4 .page-intro,.demo.theme-4 .journal-article-header,.demo.theme-4 .intro-section,.demo.theme-4 .demo-reading{margin-left:auto;margin-right:auto}.demo.theme-4 .page-intro{display:block}.demo.theme-4 .page-intro h1{margin-bottom:24px}.demo.theme-4 .intro-section{display:block}.demo.theme-4 .journal-reading-layout{display:block}.demo.theme-4 .journal-contents,.demo.theme-4 .journal-prose{grid-column:auto;grid-row:auto}.demo.theme-4 .contact-preview,.demo.theme-4 .story-band,.demo.theme-4 .experience-layout{grid-template-columns:1fr;gap:30px}.demo.theme-4 .story-band{padding:28px}.demo.theme-4 .dc-card .dc-button{grid-column:auto;grid-row:auto}.demo.theme-4 .dc-card:nth-child(2),.demo.theme-4 .journal-card:nth-child(2),.demo.theme-4 .collection-item:nth-child(2){margin-top:0;padding-top:24px}.demo.theme-4 .dc-products{grid-template-columns:repeat(2,minmax(0,1fr))}.demo.theme-4 .dc-card:first-child{grid-row:auto}.demo.theme-4 .dc-card{display:block}.demo.theme-4 .dc-card:first-child .dc-card-image{aspect-ratio:4/3}.demo.theme-4 .collection-item:first-child,.demo.theme-4 .journal-card:first-child{display:block}.demo.theme-4 .collection-item:first-child{grid-column:auto}.demo.theme-4 .journal-card:first-child{grid-column:auto}.demo.theme-4 .experience-visual{display:block}.demo.theme-4 .experience-visual picture{margin-bottom:24px}.demo.theme-4 .dc-product{grid-template-columns:1fr}.demo.theme-4 .lesson-content{padding-left:0;border-left:0}}
@media(max-width:600px){.demo.theme-4 .collection-grid,.demo.theme-4 .dc-products,.demo.theme-4 .journal-list{display:block}.demo.theme-4 .collection-item,.demo.theme-4 .journal-card,.demo.theme-4 .dc-card{display:block;margin-bottom:30px}.demo.theme-4 .collection-item:nth-child(3){max-width:none}.demo.theme-4 .collection-art,.demo.theme-4 .journal-card-image{margin-bottom:18px}.demo.theme-4 .collection-item:nth-child(2) .collection-art{grid-column:auto}.demo.theme-4 .site-foot{grid-template-columns:1fr;padding:36px 22px;border-radius:0}.demo.theme-4 .site-foot .footer-groups{grid-template-columns:1fr 1fr;gap:24px}.demo.theme-4 .identity-farewell h2{font-size:40px;letter-spacing:-.035em}.demo.theme-4 .page-intro,.demo.theme-4 .contact-form-shell,.demo.theme-4 .demo-reading,.demo.theme-4 .experience-panel,.demo.theme-4 .dc-summary{padding:24px}.demo.theme-4 .page-intro h1{font-size:38px}.demo.theme-4 .intro-section{padding:32px 24px}.demo.theme-4 .story-band{padding:24px}.demo.theme-4 .collection-item{padding:22px 0}.demo.theme-4 .collection-art{aspect-ratio:4/3}.demo.theme-4 .journal-card{padding:22px}.demo.theme-4 .classroom{display:block}.demo.theme-4 .site-head .wordmark{font-size:22px}.demo.theme-4 .identity-header-note{display:none}}

.demo.theme-4 .dc-cart{grid-template-columns:1fr}.demo.theme-4 .dc-summary{max-width:700px;width:100%;justify-self:end}.demo.theme-4 .dc-review{background:#fff;border-radius:20px;padding:36px}.demo.theme-4 .demo-admin{grid-template-columns:1fr}.demo.theme-4 .admin-sidebar{display:flex;flex-wrap:wrap;gap:24px;align-items:center;background:#18303c;color:#fff;border-radius:16px}.demo.theme-4 .admin-sidebar nav{display:flex;flex-wrap:wrap;gap:15px}.demo.theme-4 .admin-sidebar p{width:100%;margin:0}.demo.theme-4 .admin-content{padding-top:28px}
@media(max-width:900px){.demo.theme-4 .site-head{border-radius:35px}.demo.theme-4 .dc-cart,.demo.theme-4 .dc-page-header,.demo.theme-4 .demo-admin{grid-template-columns:1fr}.demo.theme-4 .dc-summary{max-width:none;border-left:0}.demo.theme-4 .page-intro{width:90%}}

@media(min-width:901px){.demo.theme-4 .contact-preview{display:block;max-width:1100px}.demo.theme-4 .contact-preview>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;margin-bottom:30px}.demo.theme-4 .contact-preview>div:first-child>h2{grid-column:1;grid-row:2}.demo.theme-4 .contact-preview .detail-facts{grid-column:2;grid-row:1/5}.demo.theme-4 .contact-form-shell form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo.theme-4 .contact-form-shell form>*{grid-column:1/-1;margin:0}.demo.theme-4 .contact-form-shell form>label:nth-of-type(1),.demo.theme-4 .contact-form-shell form>label:nth-of-type(2){grid-column:auto}}
.demo.theme-4 .site-head a:focus-visible,.demo.theme-4 .site-head summary:focus-visible{background:#fff;color:#18303c;border-color:#fff}
