.ds-page { --ds-gutter:clamp(24px,4.5vw,84px); --ds-space:clamp(70px,9vw,150px); }
.ds-page main { isolation:isolate; }
.ds-page h1,.ds-page h2,.ds-page h3 { text-wrap:balance; }
.ds-page main svg { flex-shrink:0; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.15; }
.ds-page figure { margin:0; }
.ds-masthead,.ds-index,.ds-next,.ds-breadcrumb,.ds-detail-heading,.ds-experience-story,.ds-facts-wrap,.ds-reading-layout { width:100%; max-width:1760px; margin-inline:auto; padding-inline:var(--ds-gutter); }
.ds-masthead { padding-top:26px; }
.ds-issue-line { display:flex; justify-content:space-between; gap:24px; border-top:1px solid var(--jr-line); padding-top:17px; }
.ds-issue-line p { margin:0; font-size:11px; line-height:1.5; }
.ds-issue-line p:last-child { text-align:right; }
.ds-title-grid { display:grid; grid-template-columns:1.8fr 1fr; gap:6vw; align-items:end; padding:65px 0 65px; }
.ds-title-grid h1 { max-width:12ch; margin:0 0 0 -.055em; font-size:clamp(60px,7.8vw,130px); font-weight:600; letter-spacing:-.075em; line-height:.96; }
.ds-masthead-note { max-width:34ch; padding-bottom:6px; }
.ds-masthead-note>p { margin:0; font:400 clamp(21px,1.85vw,29px)/1.33 var(--nav-reading); }
.ds-jump { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:35px; padding-bottom:10px; border-bottom:1px solid var(--jr-line); font-size:12px; text-decoration:none; }
.ds-jump span { font-size:28px; line-height:1; transition:transform .3s; }
.ds-jump:hover span { transform:translateY(5px); }
.ds-feature { padding:0 var(--ds-gutter); max-width:1760px; margin:auto; }
.ds-feature-link { display:block; position:relative; text-decoration:none; background:#263a2c; color:var(--jr-shell)!important; }
.ds-feature .ds-feature-photo { height:clamp(540px,53vw,860px); width:100%; }
.ds-feature-photo::after { inset:0; background:linear-gradient(180deg,#0001 20%,#132115a8 100%); }
.ds-feature-photo img { object-position:50% 52%; }
.ds-feature-photo figcaption { left:auto; top:30px; right:34px; bottom:auto; font-size:12px; }
.ds-feature-caption { position:absolute; left:clamp(28px,5vw,80px); bottom:clamp(28px,4.5vw,75px); right:clamp(28px,5vw,80px); z-index:2; max-width:700px; }
.ds-feature-number { display:block; font-size:11px; letter-spacing:.07em; text-transform:uppercase; margin-bottom:25px; }
.ds-feature-caption h2 { font-size:clamp(44px,5.1vw,83px); font-weight:600; letter-spacing:-.065em; line-height:1; margin:0 0 22px; max-width:13ch; }
.ds-feature-caption>p { max-width:36ch; margin:0 0 20px; font:400 clamp(21px,1.8vw,28px)/1.35 var(--nav-reading); }
.ds-card-action { display:inline-flex; align-items:center; justify-content:space-between; gap:35px; min-height:44px; padding:8px 0; font-size:12px; border-bottom:1px solid currentColor; }
.ds-card-action svg { width:20px; height:20px; transition:transform .4s cubic-bezier(.22,1,.36,1); }
.ds-feature-link:hover .ds-card-action svg,.ds-card a:hover .ds-card-action svg,.ds-guide-cover a:hover .ds-card-action svg { transform:translate(3px,-3px); }
.ds-index { padding-top:var(--ds-space); padding-bottom:var(--ds-space); }
.ds-section-heading { display:grid; grid-template-columns:1fr auto; align-items:end; column-gap:35px; padding-bottom:37px; }
.ds-section-heading>p { grid-column:1/-1; margin:0 0 16px; font:400 20px/1.3 var(--nav-reading); }
.ds-section-heading h2 { margin:0 0 0 -.045em; font-weight:600; font-size:clamp(40px,4.65vw,76px); letter-spacing:-.065em; line-height:1.04; }
.ds-section-heading>span,.ds-section-heading>a { margin:0; font-size:11px; line-height:1.5; }
.ds-section-heading>a { display:flex; align-items:center; gap:24px; min-height:44px; text-decoration:none; }
.ds-index-tools { border-block:1px solid var(--jr-line); margin-bottom:46px; }
.ds-filter-form { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.ds-filter-form fieldset { display:flex; flex-wrap:wrap; gap:0 clamp(20px,2.3vw,36px); border:0; margin:0; padding:0; }
.ds-filter-form fieldset label { display:flex; align-items:center; position:relative; cursor:pointer; }
.ds-filter-form input[type=radio] { position:absolute; width:100%; height:100%; inset:0; margin:0; opacity:0; cursor:pointer; }
.ds-filter-form fieldset span { display:flex; align-items:center; min-height:64px; padding:12px 0; border-bottom:2px solid transparent; font-size:12px; line-height:1.4; }
.ds-filter-form input:checked+span { color:#315772; border-color:#315772; }
.ds-filter-form input:focus-visible { outline:none; }
.ds-filter-form input:focus-visible+span { outline:2px solid var(--jr-blue); outline-offset:4px; }
.ds-search { position:relative; display:flex; align-items:center; min-width:175px; width:210px; }
.ds-search input { width:100%; min-height:44px; padding:10px 30px 10px 0; border:0; border-radius:0; background:transparent; color:var(--jr-bark); font:400 17px/1.3 var(--nav-reading); }
.ds-search input::placeholder { color:#69594a; opacity:1; }
.ds-search svg { position:absolute; right:0; width:18px; height:18px; pointer-events:none; }
.ds-results { margin:0; padding:12px 0; border-top:1px solid var(--jr-line); font:400 16px/1.3 var(--nav-reading); }
.ds-index-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:clamp(50px,6.5vw,100px) clamp(24px,3.3vw,54px); }
.ds-card { min-width:0; grid-column:span 2; }
.ds-card>a { display:block; text-decoration:none; }
.ds-card-photo { aspect-ratio:.94; margin:0 0 22px!important; background:var(--jr-sand); }
.ds-card-photo img { width:100%; height:100%; object-fit:cover; }
.ds-card-number { display:flex; align-items:center; justify-content:center; position:absolute; bottom:0; left:0; min-width:42px; height:38px; background:var(--jr-shell); font:400 12px/1 var(--nav-display); }
.ds-card-kicker { margin:0 0 14px; font-size:10px; font-weight:500; letter-spacing:.035em; line-height:1.45; text-transform:uppercase; }
.ds-card h3 { margin:0 0 16px; font-size:clamp(26px,2.3vw,38px); font-weight:600; letter-spacing:-.05em; line-height:1.07; text-wrap:pretty; }
.ds-card-summary { font:400 20px/1.4 var(--nav-reading); margin:0 0 20px; max-width:44ch; }
.ds-index-grid>.ds-card:nth-child(6n+1),.ds-index-grid>.ds-card:nth-child(6n+2) { grid-column:span 3; }
.ds-index-grid>.ds-card:nth-child(6n+1) .ds-card-photo,.ds-index-grid>.ds-card:nth-child(6n+2) .ds-card-photo { aspect-ratio:1.4; }
.ds-index-grid>.ds-card:nth-child(6n+1) h3,.ds-index-grid>.ds-card:nth-child(6n+2) h3 { font-size:clamp(31px,3.15vw,51px); max-width:24ch; }
.ds-index.is-filtered .ds-card { grid-column:span 2; }
.ds-index.is-filtered .ds-card-photo { aspect-ratio:1.05; }
.ds-index.is-filtered .ds-card h3 { font-size:clamp(26px,2.3vw,38px); }
.ds-no-results { margin:30px 0 60px; font:400 25px/1.4 var(--nav-reading); }
.ds-more { display:flex; justify-content:space-between; align-items:center; gap:48px; margin:65px auto 0; padding:20px 0; border:0; border-block:1px solid var(--jr-bark); background:transparent; font:500 14px/1.4 var(--nav-display); color:var(--jr-bark); cursor:pointer; }
.ds-more:hover svg { transform:translateY(3px); }
.ds-crosslink { position:relative; isolation:isolate; background:var(--jr-sand); padding:clamp(40px,7vw,110px) var(--ds-gutter); }
.ds-crosslink::before { content:""; position:absolute; z-index:-1; inset:0; background:url('/assets/navigation/nav-shell-plaster.webp') center/900px; mix-blend-mode:multiply; opacity:.23; }
.ds-crosslink>p { margin:0 0 36px; font:400 23px/1.3 var(--nav-reading); }
.ds-crosslink>a { display:flex; align-items:end; justify-content:space-between; gap:40px; max-width:1600px; margin:auto; text-decoration:none; }
.ds-crosslink>a span { font-size:clamp(52px,8.4vw,140px); line-height:.95; letter-spacing:-.07em; font-weight:600; }
.ds-crosslink>a>svg { width:clamp(50px,8vw,130px); height:clamp(50px,8vw,130px); margin-bottom:10px; stroke-width:.7; }
.ds-crosslink--blue { background:var(--jr-blue); color:var(--jr-shell); }
.ds-crosslink--blue::before { mix-blend-mode:screen; opacity:.13; }
.ds-masthead--guides { padding-bottom:57px; }
.ds-guide-title { position:relative; text-align:center; padding-top:55px; }
.ds-guide-signature { font:400 italic 25px/1.3 var(--nav-reading); }
.ds-guide-title h1 { max-width:13ch; margin:24px auto 28px; font-size:clamp(64px,8.7vw,145px); line-height:.94; letter-spacing:-.075em; font-weight:600; }
.ds-guide-title>p { max-width:42ch; margin:auto; font:400 clamp(22px,1.9vw,29px)/1.35 var(--nav-reading); }
.ds-guide-cover { max-width:1760px; margin:auto; padding:0 var(--ds-gutter); }
.ds-guide-cover>a { display:grid; grid-template-columns:1.8fr 1fr; gap:clamp(32px,4.3vw,70px); align-items:center; text-decoration:none; }
.ds-guide-cover figure { height:clamp(470px,44vw,730px); }
.ds-guide-cover h2 { font-size:clamp(32px,3.3vw,55px); margin:25px 0 24px; font-weight:600; line-height:1.02; letter-spacing:-.055em; }
.ds-guide-cover a>div>p:not(.ds-card-kicker) { font:400 23px/1.4 var(--nav-reading); margin:0 0 30px; }
.ds-index--guides { padding-top:var(--ds-space); }
.ds-breadcrumb { padding-top:28px; font-size:11px; line-height:1.4; }
.ds-breadcrumb a { text-decoration:none; border-bottom:1px solid var(--jr-line); padding-bottom:5px; }
.ds-breadcrumb span { opacity:.75; }
.ds-detail-heading { text-align:center; padding-top:65px; padding-bottom:55px; }
.ds-detail-heading>p { margin:0 0 22px; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.ds-detail-heading h1 { max-width:19ch; margin:auto; font-size:clamp(49px,6.7vw,110px); font-weight:600; line-height:.99; letter-spacing:-.065em; }
.ds-detail-deck { max-width:43ch; margin:28px auto 0; font:400 clamp(23px,2vw,31px)/1.35 var(--nav-reading); }
.ds-detail-deck p { margin:0; }
.ds-detail-hero { width:calc(100% - var(--ds-gutter)*2); max-width:1592px; height:clamp(450px,51vw,850px); margin:auto!important; }
.ds-detail-hero::after { display:none; }
.ds-experience-story { display:grid; grid-template-columns:1fr 2.25fr; gap:8vw; padding-top:var(--ds-space); padding-bottom:80px; }
.ds-side-note { align-self:start; position:sticky; top:125px; padding-top:9px; }
.ds-side-note>span { font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.ds-side-note>p { font:400 18px/1.4 var(--nav-reading); margin:15px 0 24px; }
.ds-side-note .ds-experience-price { font:400 42px/1 var(--nav-reading); margin:35px 0; }
.ds-book-link { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:52px; padding:13px 0; border-block:1px solid var(--jr-bark); text-decoration:none; font-size:12px; }
.ds-unavailable { font-size:13px!important; letter-spacing:.035em; }
.ds-prose { min-width:0; font:400 clamp(21px,1.6vw,25px)/1.58 var(--nav-reading); overflow-wrap:break-word; }
.ds-prose p { margin:0 0 1.2em; }
.ds-prose a { text-underline-offset:4px; text-decoration-thickness:1px; }
.ds-experience-intro { max-width:48ch; font-size:clamp(25px,2.15vw,34px); line-height:1.46; letter-spacing:-.012em; }
.ds-prose li { padding-left:5px; margin-bottom:.45em; }
.ds-prose ul,.ds-prose ol { padding-left:1.2em; margin:1em 0 1.5em; }
.ds-prose li>p { margin-bottom:.5em; }
.ds-prose h2,.ds-prose h3,.ds-prose h4,.ds-prose h5,.ds-prose h6 { font-family:var(--nav-display); font-weight:600; letter-spacing:-.045em; line-height:1.14; margin:2em 0 .7em; }
.ds-prose h2 { font-size:clamp(32px,3vw,47px); }
.ds-prose h3 { font-size:clamp(28px,2.4vw,38px); }
.ds-prose h4,.ds-prose h5,.ds-prose h6 { font-size:clamp(24px,1.9vw,30px); }
.ds-prose> :first-child { margin-top:0; }
.ds-prose strong { font-weight:600; }
.ds-prose hr { margin:2em 0; border:0; border-top:1px solid var(--jr-line); }
.ds-facts-wrap { padding-bottom:var(--ds-space); }
.ds-experience-facts { display:grid; grid-template-columns:1fr 2.25fr; gap:8vw; border-top:1px solid var(--jr-line); padding:30px 0 40px; }
.ds-experience-facts>h2 { font-weight:600; font-size:clamp(29px,2.7vw,43px); letter-spacing:-.05em; line-height:1.07; margin:3px 0; }
.ds-experience-facts details { border-bottom:1px solid var(--jr-line); }
.ds-experience-facts summary { display:flex; justify-content:space-between; align-items:center; list-style:none; cursor:pointer; padding:21px 0; gap:35px; font-size:18px; line-height:1.35; letter-spacing:-.02em; }
.ds-experience-facts summary::-webkit-details-marker { display:none; }
.ds-experience-facts summary span { font-size:25px; font-weight:400; transition:transform .25s; }
.ds-experience-facts details[open] summary span { transform:rotate(45deg); }
.ds-experience-facts details .ds-prose { padding:3px 45px 25px 0; font-size:22px; }
.ds-experience-facts details .ds-prose>:last-child { margin-bottom:0; }
.ds-next { position:relative; isolation:isolate; padding-block:clamp(55px,6.5vw,105px); background:var(--jr-sand); max-width:none; }
.ds-next::before { content:""; position:absolute; inset:0; z-index:-1; background:url('/assets/navigation/nav-shell-plaster.webp') center/1100px; mix-blend-mode:multiply; opacity:.2; }
.ds-next-grid,.ds-next>.ds-section-heading { max-width:1592px; margin:auto; }
.ds-next-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(25px,4vw,65px); }
.ds-next-grid .ds-card { grid-column:auto; }
.ds-next-grid .ds-card-photo { aspect-ratio:1.25; }
.ds-next-grid .ds-card-number { background:var(--jr-sand); }
.ds-next-grid .ds-card-summary { font-size:19px; }
.ds-next-grid .ds-card h3 { font-size:clamp(26px,2.5vw,39px); }
.ds-detail-heading--guide { padding-bottom:50px; }
.ds-detail-heading--guide h1 { max-width:23ch; font-size:clamp(45px,5.8vw,96px); }
.ds-detail-hero--guide { height:clamp(440px,48vw,780px); }
.ds-reading-layout { display:grid; grid-template-columns:1fr minmax(0,3fr); gap:6.5vw; padding-top:var(--ds-space); padding-bottom:var(--ds-space); }
.ds-reading-note { align-self:start; position:sticky; top:125px; }
.ds-reading-note>p { font-size:10px; margin:0 0 20px; text-transform:uppercase; letter-spacing:.05em; }
.ds-reading-note>span { font:400 22px/1.3 var(--nav-reading); }
.ds-reading-note>a { display:flex; align-items:center; gap:20px; max-width:180px; margin-top:35px; font-size:10px; line-height:1.5; text-decoration:none; }
.ds-reading-note svg { width:19px; height:19px; transform:rotate(180deg); }
.ds-article-body { max-width:780px; }
.ds-article-body>.ds-article-photo { width:calc(100% + 6vw); max-width:960px; margin:55px 0 55px -3vw!important; aspect-ratio:1.48; height:auto; overflow:visible; background:transparent; }
.ds-article-photo img { display:block; width:100%; height:auto; object-fit:cover; aspect-ratio:1.48; }
.ds-article-photo figcaption { font:400 15px/1.4 var(--nav-reading); margin:12px 0 0; }
.ds-inline-guide { border-block:1px solid var(--jr-line); margin:40px 0; padding:24px 0; }
.ds-inline-guide>a { display:grid; grid-template-columns:140px 1fr; gap:25px; text-decoration:none; }
.ds-inline-guide img { width:140px; height:160px; object-fit:cover; }
.ds-inline-guide span { display:flex; flex-direction:column; align-items:start; justify-content:center; gap:12px; }
.ds-inline-guide small { font:500 10px/1.3 var(--nav-display); text-transform:uppercase; }
.ds-inline-guide strong { font:600 26px/1.15 var(--nav-display); letter-spacing:-.04em; }
.ds-inline-guide svg { width:20px; height:20px; }
.ds-table-scroll { overflow-x:auto; max-width:100%; margin:35px 0; }
.ds-table-scroll table { border-collapse:collapse; width:100%; min-width:440px; font-size:18px; line-height:1.4; }
.ds-table-scroll td,.ds-table-scroll th { border:1px solid var(--jr-line); padding:14px; vertical-align:top; text-align:left; }
.ds-table-scroll tr:first-child { background:#D9C9B370; }
.ds-table-scroll p { margin:0; }
@media(min-width:1760px) { .ds-next { padding-inline:max(var(--ds-gutter),calc((100vw - 1592px)/2)); } }
@media(max-width:1100px) { .ds-filter-form { flex-wrap:wrap; gap:0; }.ds-filter-form fieldset { flex:1 0 100%; }.ds-search { width:100%; border-top:1px solid var(--jr-line); }.ds-index-grid { gap:55px 30px; }.ds-index-grid>.ds-card,.ds-index.is-filtered .ds-card { grid-column:span 3; }.ds-index-grid>.ds-card .ds-card-photo { aspect-ratio:1.18; }.ds-index-grid>.ds-card h3 { font-size:34px; }.ds-guide-cover>a { grid-template-columns:1.4fr 1fr; gap:30px; }.ds-guide-cover a>div>p:not(.ds-card-kicker) { font-size:21px; }.ds-reading-layout { grid-template-columns:1fr minmax(0,4fr); gap:5vw; }.ds-article-body>.ds-article-photo { width:100%; margin-inline:0!important; }.ds-next-grid .ds-card-summary { display:none; } }
@media(max-width:760px) { .ds-masthead { padding-top:15px; }.ds-issue-line { font-size:10px; }.ds-title-grid { grid-template-columns:1fr; gap:30px; padding:45px 0 40px; }.ds-title-grid h1 { font-size:clamp(57px,11.6vw,86px); max-width:13ch; }.ds-masthead-note { max-width:40ch; }.ds-masthead-note>p { font-size:22px; }.ds-jump { margin-top:24px; }.ds-feature { padding-inline:0; }.ds-feature .ds-feature-photo { height:630px; max-height:85svh; min-height:520px; }.ds-feature-caption h2 { font-size:50px; }.ds-feature-caption>p { font-size:22px; }.ds-feature-number { margin-bottom:20px; }.ds-feature-photo figcaption { top:24px; right:24px; }.ds-section-heading { display:block; padding-bottom:28px; }.ds-section-heading h2 { font-size:43px; margin-bottom:20px; }.ds-section-heading>p { margin-bottom:14px; }.ds-section-heading>span { display:block; }.ds-section-heading>a { width:fit-content; margin-top:20px; }.ds-filter-form fieldset { gap:0 23px; }.ds-filter-form fieldset span { min-height:52px; font-size:11px; }.ds-index-tools { margin-bottom:34px; }.ds-card-summary { font-size:20px; }.ds-index-grid { grid-template-columns:minmax(0,1fr); gap:50px; }.ds-index-grid>.ds-card:nth-child(n),.ds-index.is-filtered .ds-card { grid-column:1; }.ds-index-grid>.ds-card .ds-card-photo,.ds-index.is-filtered .ds-card-photo { aspect-ratio:1.16; }.ds-index-grid>.ds-card h3,.ds-index.is-filtered .ds-card h3 { font-size:34px; }.ds-crosslink>p { font-size:21px; max-width:26ch; }.ds-crosslink>a span { font-size:59px; }.ds-crosslink>a>svg { width:45px; height:45px; }.ds-guide-title { padding-top:40px; }.ds-guide-signature { font-size:23px; }.ds-guide-title h1 { font-size:clamp(60px,12vw,90px); margin-block:22px; }.ds-guide-title>p { font-size:22px; }.ds-masthead--guides { padding-bottom:40px; }.ds-guide-cover { padding-inline:0; }.ds-guide-cover>a { grid-template-columns:1fr; gap:0; }.ds-guide-cover figure { height:460px; }.ds-guide-cover a>div { padding:32px var(--ds-gutter) 0; }.ds-guide-cover h2 { max-width:22ch; margin-top:20px; font-size:38px; }.ds-guide-cover a>div>p:not(.ds-card-kicker) { font-size:23px; }.ds-detail-heading { padding-top:45px; padding-bottom:35px; }.ds-detail-heading h1 { font-size:clamp(44px,9.4vw,70px); }.ds-detail-deck { font-size:24px; }.ds-detail-hero { width:100%; height:clamp(400px,75vw,570px); }.ds-breadcrumb { padding-top:20px; font-size:10px; }.ds-experience-story { display:flex; flex-direction:column-reverse; gap:35px; padding-top:60px; padding-bottom:55px; }.ds-experience-intro { font-size:27px; line-height:1.45; }.ds-side-note { position:static; width:100%; border-top:1px solid var(--jr-line); padding-top:25px; }.ds-side-note>span { font-size:10px; }.ds-side-note>p { display:inline-block; margin-right:20px; }.ds-side-note .ds-experience-price { font-size:32px; margin-block:0 20px; }.ds-book-link { max-width:350px; }.ds-experience-facts { grid-template-columns:1fr; gap:20px; padding:25px 0; }.ds-experience-facts>h2 { font-size:35px; }.ds-experience-facts details .ds-prose { padding-right:0; font-size:22px; }.ds-experience-facts summary { font-size:17px; }.ds-next-grid { grid-template-columns:1fr; gap:43px; }.ds-next-grid .ds-card-photo { aspect-ratio:1.45; }.ds-next-grid .ds-card h3 { font-size:34px; }.ds-next-grid .ds-card-summary { display:block; }.ds-reading-layout { display:block; padding-top:55px; }.ds-reading-note { position:static; display:flex; justify-content:space-between; align-items:center; gap:25px; margin-bottom:45px; padding-bottom:20px; border-bottom:1px solid var(--jr-line); }.ds-reading-note>p { display:none; }.ds-reading-note>span { font-size:18px; }.ds-reading-note>a { margin:0; max-width:170px; }.ds-prose { font-size:22px; }.ds-prose h2 { font-size:35px; }.ds-prose h3 { font-size:29px; }.ds-article-body>.ds-article-photo { margin-block:35px!important; }.ds-inline-guide>a { grid-template-columns:90px 1fr; gap:18px; }.ds-inline-guide img { width:90px; height:125px; }.ds-inline-guide strong { font-size:23px; }.ds-detail-heading--guide h1 { font-size:clamp(40px,8.5vw,62px); }.ds-more { margin-top:45px; } }
@media(prefers-reduced-motion:reduce) { .ds-page *, .ds-page *::before, .ds-page *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
@media(max-width:360px) { .ds-guide-title h1 { font-size:48px; }.ds-detail-heading--guide h1 { font-size:35px; } }