/* A field guide: trail marker header, panoramic itineraries, packing-note sidebars. */
.demo.theme-20 .site-head{border-bottom:2px solid var(--ink);padding-block:25px}.demo.theme-20 .site-head .wordmark{font-weight:750;font-size:30px}.demo.theme-20 .identity-header-note{display:block;max-width:12ch;font-size:13px;border-left:2px solid;padding-left:14px}.demo.theme-20 .intro-section{max-width:950px;display:grid;grid-template-columns:1fr 1.4fr;gap:24px}.demo.theme-20 .intro-section .section-note{grid-column:1/-1}.demo.theme-20 .collection-grid{display:block}.demo.theme-20 .collection-item{display:grid;grid-template-columns:1.35fr 1fr;gap:8px 35px;padding:28px;background:#d3dccf;margin-bottom:26px}.demo.theme-20 .collection-art{grid-row:1/6;aspect-ratio:16/10;border-radius:0}.demo.theme-20 .page-intro{background:#d3dccf;padding:40px;border-left:6px solid var(--accent)}.demo.theme-20 .story-band{grid-template-columns:1.4fr 1fr;gap:45px}.demo.theme-20 .journal-list{gap:28px}.demo.theme-20 .journal-card-image{aspect-ratio:16/10}.demo.theme-20 .journal-card{border-bottom:2px solid;padding-bottom:25px}.demo.theme-20 .journal-contents{background:#d3dccf;padding:24px}.demo.theme-20 .contact-form-shell,.demo.theme-20 .experience-panel{background:#f1f4ee;padding:36px;border:1px solid var(--ui-border);border-radius:4px}.demo.theme-20 .experience-layout{grid-template-columns:1.2fr 1fr;gap:40px}.demo.theme-20 .demo-reading{border-left:6px solid var(--accent);padding-left:35px}.demo.theme-20 .site-foot{background:#263b32;color:#e4e9e2}.demo.theme-20 .identity-farewell{display:grid;grid-template-columns:1fr 2fr}.demo.theme-20 .identity-farewell h2{grid-column:2;font-weight:700}.demo.theme-20 .identity-farewell>a{grid-column:2}.demo.theme-20 .footer-groups{border-top:1px solid;padding-top:30px}
@media(max-width:900px){.demo.theme-20 .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-20 .site-head .demo-desktop-nav{display:none}.demo.theme-20 .site-head .wordmark{max-width:55%;letter-spacing:-.5px}.demo.theme-20 .site-head .mobile-menu-panel{border:1px solid var(--ui-border);border-radius:0 0 12px 12px}.demo.theme-20 .identity-farewell{display:block;grid-column:1/-1;grid-row:auto}.demo.theme-20 .identity-farewell h2{max-width:20ch}.demo.theme-20 .site-foot>div:nth-child(2),.demo.theme-20 .site-foot>.footer-groups{grid-column:1/-1;grid-row:auto}.demo.theme-20 .site-foot>.footer-groups{border-left:0;padding-left:0}.demo.theme-20 .page-intro,.demo.theme-20 .journal-article-header,.demo.theme-20 .intro-section,.demo.theme-20 .demo-reading{margin-left:auto;margin-right:auto}.demo.theme-20 .page-intro{display:block}.demo.theme-20 .page-intro h1{margin-bottom:24px}.demo.theme-20 .intro-section{display:block}.demo.theme-20 .journal-reading-layout{display:block}.demo.theme-20 .journal-contents,.demo.theme-20 .journal-prose{grid-column:auto;grid-row:auto}.demo.theme-20 .contact-preview,.demo.theme-20 .story-band,.demo.theme-20 .experience-layout{grid-template-columns:1fr;gap:30px}.demo.theme-20 .story-band{padding:28px}.demo.theme-20 .dc-card .dc-button{grid-column:auto;grid-row:auto}.demo.theme-20 .dc-card:nth-child(2),.demo.theme-20 .journal-card:nth-child(2),.demo.theme-20 .collection-item:nth-child(2){margin-top:0;padding-top:24px}.demo.theme-20 .dc-products{grid-template-columns:repeat(2,minmax(0,1fr))}.demo.theme-20 .dc-card:first-child{grid-row:auto}.demo.theme-20 .dc-card{display:block}.demo.theme-20 .dc-card:first-child .dc-card-image{aspect-ratio:4/3}.demo.theme-20 .collection-item:first-child,.demo.theme-20 .journal-card:first-child{display:block}.demo.theme-20 .collection-item:first-child{grid-column:auto}.demo.theme-20 .journal-card:first-child{grid-column:auto}.demo.theme-20 .experience-visual{display:block}.demo.theme-20 .experience-visual picture{margin-bottom:24px}.demo.theme-20 .dc-product{grid-template-columns:1fr}.demo.theme-20 .lesson-content{padding-left:0;border-left:0}}
@media(max-width:600px){.demo.theme-20 .collection-grid,.demo.theme-20 .dc-products,.demo.theme-20 .journal-list{display:block}.demo.theme-20 .collection-item,.demo.theme-20 .journal-card,.demo.theme-20 .dc-card{display:block;margin-bottom:30px}.demo.theme-20 .collection-item:nth-child(3){max-width:none}.demo.theme-20 .collection-art,.demo.theme-20 .journal-card-image{margin-bottom:18px}.demo.theme-20 .collection-item:nth-child(2) .collection-art{grid-column:auto}.demo.theme-20 .site-foot{grid-template-columns:1fr;padding:36px 22px;border-radius:0}.demo.theme-20 .site-foot .footer-groups{grid-template-columns:1fr 1fr;gap:24px}.demo.theme-20 .identity-farewell h2{font-size:40px;letter-spacing:-.035em}.demo.theme-20 .page-intro,.demo.theme-20 .contact-form-shell,.demo.theme-20 .demo-reading,.demo.theme-20 .experience-panel,.demo.theme-20 .dc-summary{padding:24px}.demo.theme-20 .page-intro h1{font-size:38px}.demo.theme-20 .intro-section{padding:32px 24px}.demo.theme-20 .story-band{padding:24px}.demo.theme-20 .collection-item{padding:22px 0}.demo.theme-20 .collection-art{aspect-ratio:4/3}.demo.theme-20 .journal-card{padding:22px}.demo.theme-20 .classroom{display:block}.demo.theme-20 .site-head .wordmark{font-size:22px}.demo.theme-20 .identity-header-note{display:none}}


@media(max-width:900px){.demo.theme-20 .site-head{border:0;border-left:5px solid var(--accent);border-radius:0}.demo.theme-20 .dc-cart,.demo.theme-20 .dc-page-header,.demo.theme-20 .demo-admin{grid-template-columns:1fr}.demo.theme-20 .dc-summary{max-width:none;border-left:0}.demo.theme-20 .page-intro{width:90%}}

@media(min-width:901px){.demo.theme-20 .contact-preview{grid-template-columns:.85fr 1.15fr;gap:35px}.demo.theme-20 .contact-preview>div:first-child{background:#d3dccf;padding:35px;align-self:start}.demo.theme-20 .contact-form-shell{background:transparent;border:0;padding:0}.demo.theme-20 .contact-form-shell form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo.theme-20 .contact-form-shell form>*{grid-column:1/-1;margin:0}.demo.theme-20 .contact-form-shell form>label:nth-of-type(1),.demo.theme-20 .contact-form-shell form>label:nth-of-type(2){grid-column:auto}}