/* Quiet, photographic layouts; functional copy and distinct content rhythms. */
:root,body.home-story{--paper:#fff;--ink:#242820;--muted:#64675f;--line:#e3e4de;--accent:#c75028;--ui-font:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif}
body{background:#fff;color:var(--ink)}
body h1,body h2,body h3{font-family:var(--ui-font);letter-spacing:-.025em}
body>header{background:#fff;border-bottom:1px solid var(--line);box-shadow:none}
.field-design .pagehead{padding-top:42px;padding-bottom:28px}
.field-design .pagehead h1{font-size:clamp(28px,3vw,40px);line-height:1.4}
.field-design .pagehead>.eyebrow{display:none}
.field-design .pagehead p{font-size:14px;max-width:720px;line-height:1.85}
.field-design .solid,.field-design .outline{border-radius:2px;box-shadow:none}
.field-design :is(.solid,.outline):hover{box-shadow:none}
.field-design .nav-explore{background:#fff}
.field-design .nav-explore-intro>.eyebrow{display:none}
.field-design .nav-explore-intro h2{font-size:28px}
.field-design .site-footer{background:#f5f5f1;color:var(--ink);border-top:1px solid var(--line);padding-top:42px}
.field-design .site-footer :is(p,.footer-links a,.footer-links button,.footer-reach>a,.footer-social,.footer-legal){color:var(--muted)}
.field-design .footer-directory{border:0;padding-top:0}
.field-design .footer-legal{border-color:var(--line)}
.field-design .footer-links h3,.field-design .footer-reach h3{color:var(--ink)}
.field-design .footer-phone{color:var(--ink)!important}
.field-shell{width:min(91%,1360px);margin:auto}
.field-home-hero{position:relative;min-height:450px;height:65svh;max-height:760px;color:white;isolation:isolate;display:flex;align-items:center;background:#30382e}
.field-home-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.field-home-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#10170ed1 0%,#10170e45 62%,#10170e18)}
.field-hero-copy{width:min(91%,1360px);margin:auto;padding:50px 0 75px}
.field-hero-copy>p:first-child{font-size:12px;letter-spacing:1.5px;color:#ffffffd9;margin:0 0 24px}
.field-hero-copy h1{font:500 clamp(36px,4.3vw,62px)/1.35 var(--ui-font);max-width:780px;text-wrap:balance;letter-spacing:-.03em}
.field-hero-copy .field-hero-summary{max-width:580px;color:#f2f1e9;font-size:15px;line-height:1.9;margin:22px 0 30px}
.field-hero-copy .solid{padding:13px 24px;font-size:14px;min-width:180px;justify-content:space-between}
.field-hero-caption{position:absolute;right:4.5%;bottom:25px;font-size:11px;color:#ffffffe0;border-bottom:1px solid #ffffff70;padding-bottom:4px}
.field-section{padding:64px 0;border-bottom:1px solid var(--line)}
.field-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:27px}
.field-section-head h2,.field-people h2,.field-film-copy h2{font-size:clamp(25px,2.5vw,34px);line-height:1.5;font-weight:500}
.field-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;padding:5px 0;border-bottom:1px solid #c3c7bf;white-space:nowrap}
.field-link:hover{color:var(--accent);border-color:var(--accent)}
.field-trips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.field-trip{min-width:0;display:flex;flex-direction:column}
.field-trip-image{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#f0f0eb}
.field-trip-image img{height:100%;object-fit:cover;transition:opacity .2s}
.field-trip-image:hover img{opacity:.9}
.field-trip-image>span{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:5px 10px;background:#fffffff0;color:var(--ink);font-size:11px}
.field-trip-copy{display:flex;flex-direction:column;flex:1;padding-top:17px}
.field-card-label{font-size:11px;line-height:1.6;color:#696e64;letter-spacing:.3px;margin:0 0 8px}
.field-trip h3{font-size:21px;line-height:1.55;text-wrap:pretty}
.field-trip-summary{font-size:13px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:9px 0 20px}
.field-trip-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:auto}
.field-trip-foot>span{font-size:14px;font-weight:500}
.field-trip-foot a:hover,.field-trip h3 a:hover{color:var(--accent)}
.field-note{font-size:11px;color:var(--muted);margin:22px 0 0}
.field-place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.field-place{position:relative;display:block;aspect-ratio:1.5;isolation:isolate;overflow:hidden;background:#30382e}
.field-place>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2}
.field-place:after{content:'';position:absolute;inset:20% 0 0;z-index:-1;background:linear-gradient(0deg,#11190ed6,transparent)}
.field-place>div{position:absolute;bottom:20px;left:22px;right:22px;color:#fff}
.field-place h3{font-size:24px;margin-bottom:5px}
.field-place>div>span{font-size:12px;color:#ffffffd9}
.field-place small{float:right;font-size:11px;margin-top:4px}
.field-place:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.field-stories{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:25px 38px}
.field-story{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;align-items:start}
.field-story-feature{grid-row:span 2;display:block}
.field-story-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#f3f3ee}
.field-story-image img{height:100%;object-fit:cover}
.field-story-feature .field-story-image{aspect-ratio:1.8;margin-bottom:19px}
.field-story h3{font-size:18px;line-height:1.65}
.field-story-feature h3{font-size:27px;line-height:1.5}
.field-story h3 a:hover{color:var(--accent)}
.field-story-summary{font-size:13px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.field-byline{font-size:11px;color:var(--muted);margin:13px 0 0}
.field-film-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:55px;align-items:center}
.field-film-image button{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;background:#1f261e;overflow:hidden}
.field-film-image img{height:100%;object-fit:cover}
.field-film-play{display:grid;place-items:center;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:#fffffff0;color:#232b21;border-radius:50%;width:64px;height:64px;font-size:26px}
.field-film-copy>p:not(.field-card-label),.field-people>div>p{font-size:14px;line-height:2}
.field-film-copy>.field-link{margin:12px 22px 0 0}
.field-people{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:8%;align-items:center;border-bottom:0}
.field-people figure,.field-about figure{margin:0}
.field-people figure img{height:420px;object-position:50% 35%}
.field-people figcaption,.field-about figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}
.field-people>div>p.field-card-label{font-size:11px;line-height:1.6}
.field-custom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 0 50px;border-top:1px solid var(--line)}
.field-custom h2{font-size:25px;line-height:1.5}
.field-custom p{font-size:13px;margin:10px 0 0;max-width:650px}
.field-custom>.solid{flex:none}
/* Product catalogue: compact decisions, readable covers, honest missing data. */
.field-design .original-route-filters{background:#f7f7f3;border:0;padding:10px 22px}
.field-design .original-filter-row .filter.active{background:#30382c;border-color:#30382c}
.field-design .travel-style-row .style-option{min-width:110px;flex-direction:row;gap:7px}
.field-design .style-option small{display:none}
.field-design .original-trip-grid{gap:38px 28px}
.field-design .journey-page .original-trip .photo{aspect-ratio:4/3;height:auto;background:#f4f4ef}
.field-design .journey-page .original-trip .photo img{object-fit:contain}
.field-design .original-trip h3{font:500 21px/1.6 var(--ui-font);min-height:0;margin-top:9px}
.field-design .original-trip p{min-height:0;-webkit-line-clamp:2;line-height:1.9;margin-bottom:18px}
.field-design .original-trip .meta{font-size:11px;color:var(--muted);letter-spacing:0}
.field-design .original-trip-arrow{display:none}
.field-design .original-trip .photo .tag{top:auto;bottom:10px;left:10px;background:#fffffff0;max-width:calc(100% - 20px);font-size:10px}
.field-design .original-trip .trip-bottom{color:var(--ink);font-size:12px}
.field-design .original-trip .trip-bottom>span:first-child{font-size:13px;color:var(--ink)}
.field-design .original-custom-band{background:none;padding:30px 0;border-top:1px solid var(--line)}
.field-design .original-custom-band .eyebrow{display:none}
.field-design .original-custom-band h2{font-size:25px}
.field-journey-search{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:18px}
.field-journey-search input{min-width:0;flex:1;max-width:440px;padding:10px 13px;background:#fff;border:1px solid #d1d4ca;border-radius:2px;font-size:14px}
.field-journey-search button{padding:9px 18px;border:1px solid var(--ink);font-size:13px}
.field-journey-search label{font-size:12px;color:var(--muted)}
/* Keep the approved half-height carousel, one-row rails and 4/5/2-column archive. */
.journal-hub{--jh-ink:var(--ink);--jh-muted:var(--muted);--jh-line:var(--line)}
.field-design .jh-section-head .jh-eyebrow,.field-design .jh-banner-copy>.jh-eyebrow,.field-design .jh-banner-bottom>span,.field-design .jh-collection-image>span,.field-design .jh-endnote>span,.field-design .jh-results-bar>span,.field-design .jh-collection-hero .jh-eyebrow{display:none}
.field-design .jh-section-head h2{font-size:26px;margin-top:0}
.field-design .jh-section-head>p{font-size:12px}
.field-design .jh-section{padding-top:40px}
.field-design .jh-collection-image,.field-design .jh-story-cover,.field-design .jh-video-cover{border-radius:3px}
.field-design .jh-story h3{font-size:16px;line-height:1.7}
.field-design .jh-banner{background:#333a2f}
.field-design .jh-slide:after{background:linear-gradient(90deg,#10170edb,#10170e40 75%,#10170e15),linear-gradient(0deg,#10170e7a,transparent 60%)}
.field-design .jh-banner-copy h2{font:500 clamp(26px,2.7vw,40px)/1.5 var(--ui-font)}
.field-design .jh-detail-nav{background:#fffffff5;backdrop-filter:blur(8px)}
.field-design .jh-collection-hero{align-items:stretch}
.field-design .jh-collection-hero>img{border-radius:2px;height:100%;min-height:360px;max-height:540px;object-fit:cover}
.field-design .jh-collection-hero h1{font-size:clamp(26px,3vw,36px)}
/* Product reader retains anchors, media tabs, pagination and companion links. */
.field-design .journey-detail-page{--jd-ink:var(--ink);--jd-soft:var(--muted);--jd-line:var(--line);--jd-cream:#fff;--jd-white:#fff;--jd-orange:var(--accent);background:#fff}
.field-design .journey-detail-page .jd-hero-copy h1{font-family:var(--ui-font);font-size:clamp(25px,2.5vw,34px);line-height:1.5}
.field-design .journey-detail-page .jd-gallery-main{border-radius:3px;background:#f4f4ef}
.field-design .journey-detail-page .jd-gallery-main img{object-fit:contain}
.field-design .journey-detail-page .jd-kicker{font-size:11px;letter-spacing:0}
.field-design .journey-detail-page .jd-selling-points{display:none}
.field-design .journey-detail-page .jd-anchor-nav,.field-design .journey-detail-page .jd-media-nav{background:#fffffff7}
.field-design .journey-detail-page .jd-reader-title{font:500 25px/1.5 var(--ui-font)}
.field-design .jd-booking-card{box-shadow:none;background:#f7f7f3;border-radius:3px}
.field-design .jd-rich :is(p,li){color:#4e5349;line-height:1.95}
/* Articles: title/deck/byline before a wide image, then a measured reading column. */
.field-design .field-article{max-width:1160px;padding:44px 4vw 70px}
.field-article-head{max-width:800px;margin:auto}
.field-article .field-article-head>h1{font:500 clamp(28px,3.2vw,42px)/1.5 var(--ui-font);margin:15px 0 18px;text-wrap:pretty}
.field-article-deck{font-size:16px;line-height:1.95;color:var(--muted)}
.field-article-meta{display:flex;flex-wrap:wrap;gap:8px 23px;font-size:12px;color:var(--muted);padding:18px 0 23px;margin-top:15px;border-top:1px solid var(--line)}
.field-article-meta a{text-decoration:underline;text-underline-offset:4px}
.field-article-cover{margin:10px 0 44px}
.field-article-cover img{height:auto;max-height:560px;object-fit:contain;background:none}
.field-article .field-prose,.field-article>.comments,.field-article>.field-article-end,.field-article>.field-related{width:min(100%,740px);margin-inline:auto}
.field-article .field-prose{margin-top:0;margin-bottom:40px}
.field-article .field-prose :is(p,li){font:16px/2 var(--ui-font);color:#3e443a}
.field-article .field-prose p{margin:0 0 22px}
.field-article .field-prose :is(h2,h3){font-family:var(--ui-font);letter-spacing:0;color:var(--ink)}
.field-article .field-prose h2{font-size:26px;margin-top:40px;padding:0;border:0}
.field-article .field-prose h3{font-size:20px;margin-top:30px}
.field-article .field-prose img{height:auto;max-width:100%;object-fit:contain}
.field-article .field-prose .field-image-unavailable{font-size:12px;color:var(--muted);background:#f6f6f2;padding:10px 14px;margin-block:15px}
.field-article .field-prose blockquote{background:#f6f6f1;border-color:#b9beb0;color:var(--muted)}
.field-article-end{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-block:1px solid var(--line);font-size:13px}
.field-related{border-top:1px solid var(--line);padding-top:25px;margin-bottom:35px}
.field-related>h2{font-size:22px;margin-bottom:20px}
.field-related .field-trips{grid-template-columns:repeat(2,minmax(0,1fr))}
.field-related .field-trip h3{font-size:18px}
/* Film archive: an editorial lead and an immediately usable archive. */
.field-design .studio-opening{background:#f8f8f4;padding:30px 0 40px;border-bottom:1px solid var(--line)}
.field-design .studio-masthead{border:0;padding:0 0 25px;color:var(--muted)}
.field-design .studio-masthead>span{font-size:13px;letter-spacing:0}
.field-design .studio-hero{gap:5%;padding:0;align-items:center}
.field-design .studio-intro h1{font:500 clamp(28px,3vw,42px)/1.5 var(--ui-font);letter-spacing:-.02em}
.field-design .studio-intro>p{font-size:14px;line-height:1.95}
.field-design .studio-intro h1 span{color:inherit}
.field-design .studio-kicker,.field-design .studio-screen-label,.field-design .studio-record-dot,.field-design .studio-outro-mark{display:none}
.field-design .studio-screen{background:transparent;border:0;box-shadow:none;transform:none;padding:0;color:var(--ink)}
.field-design .studio-feature-caption{background:transparent;color:var(--ink);padding:17px 0 0}
.field-design .studio-feature-caption h2{font:500 20px/1.6 var(--ui-font);color:var(--ink)}
.field-design .studio-feature-caption>a{color:var(--ink);border-color:var(--line)}
.field-design .studio-feature-caption>div>span{font-size:11px;color:var(--muted)}
.field-design .studio-feature-cover{border-radius:2px;box-shadow:none}
.field-design .studio-picks{margin-top:25px;border-color:var(--line);background:transparent}
.field-design .studio-picks button{background:transparent;border-color:var(--line)}
.field-design .studio-picks button[aria-pressed=true]{background:#eceee6}
.field-design .studio-pick-number{display:none}
.field-design .studio-picks strong{font:500 13px/1.65 var(--ui-font)}
.field-design .studio-archive{background:#fff;padding-block:45px 60px}
.field-design .studio-section-head h2{font:500 27px/1.5 var(--ui-font)}
.field-design .studio-tag{background:#f1f2ed;color:var(--muted);border:0}
.field-design .studio-card{background:none;box-shadow:none;transform:none;border-radius:0}
.field-design .studio-card h3{font:500 19px/1.6 var(--ui-font)}
.field-design .studio-card-foot{border-color:var(--line)}
.field-design .studio-cover{border-radius:2px}
.field-design .studio-outro{background:none;color:var(--ink);border-top:1px solid var(--line);padding:35px 0}
.field-design .studio-outro h2{font:500 25px/1.5 var(--ui-font)}
.field-design .studio-outro-actions a{color:var(--ink)}
/* People and company: real profiles and useful expectations, no decorative sphere. */
.field-design .companion-social{display:none}
.field-design .companion-actions{margin-top:0;border-top:1px solid var(--line)}
.field-design .companion-grid{gap:25px}
.field-design .companion-card{box-shadow:none;background:#fff;border-color:var(--line)}
.field-design .companion-card h3{font-family:var(--ui-font)}
.field-design .companion-safety{background:#f7f7f3;grid-template-columns:1fr;padding:18px}
.field-design .companion-editorial-card{background:#fff;border:1px solid var(--line);padding:0}
.field-design .companion-gallery{margin:0;height:245px}
.field-design .companion-photo-stack img{transform:none;border:0;box-shadow:none}
.field-design .companion-photo-stack img:nth-child(2){transform:none}
.field-design .card-travellers h3,.field-design .card-journey-title strong{font-family:var(--ui-font)}
.field-design .companion-tabs button{font-family:var(--ui-font);font-size:18px}
.field-design .matched-intro h2{font:500 27px/1.5 var(--ui-font)}
.field-design .matched-intro .eyebrow{display:none}
.field-design .style-option strong{font-family:var(--ui-font);font-size:14px}
.field-design .field-studio{--film-ink:var(--ink);--film-muted:var(--muted);background:#fff}
.field-design .companion-safety>span{display:none}
.field-about .about-intro{gap:7%;align-items:center}
.field-about .about-intro figure img{height:470px;object-position:50% 35%}
.field-about .about-intro h2{font-size:30px}
.field-about .about-intro p{font-size:14px;line-height:2}
.field-about-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:22px}
.field-working{padding-top:45px}
.field-working>h2{font-size:27px;margin-bottom:25px}
.field-working>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.field-working article{border-top:1px solid var(--line);padding-top:19px}
.field-working h3{font-size:18px}
.field-working p{font-size:13px;line-height:1.95}
.field-about .team-collaboration{padding-block:40px;background:#f4f4ee;color:var(--ink)}
.field-about .team-collaboration p{color:var(--muted);max-width:780px}
.field-about .team-collaboration h2,.field-about .public-good h2{font-size:28px}
.field-about .team-collaboration .solid{margin-top:12px}
.field-about .public-good{background:white;padding-block:55px}
.field-about .public-good figure img{height:360px}
.field-about .public-good p{font-size:14px}
.field-design .care-dialog .eyebrow,.field-design .care-custom>.eyebrow{display:none}
.field-design .care-dialog h2,.field-design .care-custom>h2{font:500 29px/1.5 var(--ui-font)}
@media(min-width:1700px){.field-shell{width:min(91%,1540px)}.field-trips{gap:35px}.field-home-hero{height:60svh}.field-design .wrap{max-width:1480px}.field-place-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.field-story{grid-template-columns:120px minmax(0,1fr);gap:15px}.field-story-feature{display:block}.field-story h3{font-size:16px}.field-story-feature h3{font-size:24px}.field-film-feature{gap:30px}.field-people{gap:6%}.field-people figure img{height:380px}.field-home-hero{min-height:420px;height:60svh}.field-places small{float:none;display:block;margin-top:8px}.field-design .original-trip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.field-shell{width:calc(100% - 36px)}.field-home-hero{min-height:420px;height:62svh;max-height:620px}.field-hero-copy{width:calc(100% - 40px);padding:40px 0 80px}.field-hero-copy h1{font-size:36px;max-width:430px}.field-hero-copy>p:first-child{font-size:11px;margin-bottom:20px}.field-hero-copy .field-hero-summary{font-size:13px;max-width:400px;margin:18px 0 25px}.field-hero-caption{right:20px;left:20px;bottom:22px;font-size:10px;width:fit-content}.field-section{padding:36px 0}.field-section-head{gap:15px;margin-bottom:21px;align-items:center}.field-section-head h2{font-size:22px}.field-section-head .field-link{font-size:11px;gap:8px}.field-trips{grid-template-columns:1fr;gap:28px}.field-trip-image{aspect-ratio:1.6}.field-trip h3{font-size:20px}.field-trip-summary{margin-bottom:14px}.field-note{font-size:10px}.field-place-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-place{aspect-ratio:1/1.2}.field-place>div{left:12px;right:12px;bottom:13px}.field-place h3{font-size:21px}.field-place>div>span{font-size:10px}.field-place small{float:none;display:block;font-size:10px;margin-top:8px}.field-stories{grid-template-columns:1fr;gap:23px}.field-story{grid-template-columns:120px minmax(0,1fr);gap:16px}.field-story-feature{grid-row:auto;display:block;padding-bottom:23px;border-bottom:1px solid var(--line)}.field-story-feature h3{font-size:23px}.field-story-feature .field-story-image{aspect-ratio:1.6}.field-byline{font-size:10px;margin-top:8px}.field-film-feature,.field-people{grid-template-columns:1fr;gap:25px}.field-film-copy h2,.field-people h2{font-size:25px}.field-people figure img{height:340px}.field-film-copy>p:not(.field-card-label),.field-people>div>p{font-size:13px}.field-custom{display:block;padding:25px 0 38px}.field-custom h2{font-size:23px}.field-custom .solid{margin-top:20px}.field-design .pagehead{padding-top:27px}.field-design .pagehead p{font-size:12px}.field-design .original-trip-grid{grid-template-columns:1fr}.field-design .original-trip h3{font-size:21px}.field-journey-search{flex-wrap:wrap;gap:9px}.field-journey-search label{width:100%}.field-journey-search input{font-size:16px}.field-design .jh-section-head h2{font-size:22px}.field-design .jh-story h3{font-size:14px}.field-design .jh-banner-copy h2{font-size:25px}.field-design .jh-collection-hero>img{height:250px}.field-design .jh-collection-hero h1{font-size:27px}.field-design .journey-detail-page .jd-hero-copy h1{font-size:25px}.field-design .field-article{padding:27px 18px 45px}.field-article .field-article-head>h1{font-size:28px;line-height:1.5}.field-article-deck{font-size:14px}.field-article-meta{font-size:11px;gap:8px 17px}.field-article-cover{margin:6px 0 30px}.field-article .field-prose :is(p,li){font-size:16px;line-height:1.95}.field-article .field-prose h2{font-size:23px}.field-article-end{font-size:12px;align-items:center}.field-related .field-trips{grid-template-columns:1fr}.field-design .studio-hero{gap:25px}.field-design .studio-intro h1{font-size:29px}.field-design .studio-feature-caption h2{font-size:18px}.field-design .studio-opening{padding-top:22px}.field-design .studio-masthead>span{font-size:11px}.field-design .studio-picks img{display:none}.field-design .studio-picks strong{font-size:11px}.field-design .studio-archive{padding-top:32px}.field-design .studio-section-head h2{font-size:24px}.field-design .studio-outro-inner{display:block}.field-design .studio-outro-actions{margin-top:20px}.field-about .about-intro{grid-template-columns:1fr;gap:25px}.field-about .about-intro figure img{height:340px}.field-about .about-intro h2{font-size:26px}.field-working{padding-top:35px}.field-working>h2{font-size:24px}.field-working>div{grid-template-columns:1fr;gap:15px}.field-about .public-good figure img{height:280px}.field-design .care-dialog h2,.field-design .care-custom>h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.field-home *{transition:none!important}}
@media(max-width:760px){.field-design .jh-collection-hero>img{height:250px;min-height:0;max-height:none}.field-design .companion-gallery{height:220px}}

/* Video lifecycle: the poster remains visible until playback is ready. */
.field-home-hero>.hero-static-poster{z-index:-3}
.field-home-hero>.hero-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;z-index:-2;opacity:0;transition:opacity .5s}
.field-home-hero>.hero-background-video.is-playing{opacity:1}
.field-home-hero:after{background:linear-gradient(90deg,#11180ed1,#11180e30 75%),linear-gradient(0deg,#11180eb0,transparent 40%)}
.field-hero-tools{position:absolute;right:4.5%;top:24px;display:flex;align-items:center;gap:18px;color:#fff;font-size:12px}
.field-hero-tools>a{padding:7px 0;border-bottom:1px solid #ffffff80}
.field-hero-tools .hero-video-toggle{border-radius:2px;font-size:11px;min-height:34px;padding:5px 10px}
/* Inspiration is an editorial archive, not another product shelf. */
.field-inspiration-intro{font-size:13px;line-height:1.9;margin:-11px 0 18px;max-width:700px}
.field-content-types,.jh-content-types{display:flex;align-items:center;gap:25px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);padding:0 0 3px;margin-bottom:25px}
.field-content-types::-webkit-scrollbar,.jh-content-types::-webkit-scrollbar{display:none}
.field-content-types>a,.jh-content-types>button{display:flex;align-items:center;gap:8px;flex:none;padding:12px 3px;color:var(--muted);font-size:14px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;min-height:46px}
.field-content-types small,.jh-content-types small{font:10px/1.4 var(--ui-font);color:#83887b}
.field-content-types>a:hover,.jh-content-types>button:hover{color:var(--ink)}
.jh-content-types>button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}
.field-content-types>a:hover{border-bottom-color:var(--accent)}
.jh-content-types{margin-bottom:0;padding-bottom:0;gap:25px}
.jh-story-type{display:block;font-size:10px;color:#8b552f;line-height:1.6;margin-bottom:4px}
@media(prefers-reduced-motion:reduce){.field-home-hero>.hero-background-video{transition:none}}

/* Approved homepage: a complete video viewport, then photographic entrances. */
.field-home-active>header{position:fixed;top:var(--campaign-height,0px);left:0;right:0;z-index:60}
.field-home-active.at-top:not(.navigation-open):not(.explore-open)>header{background:transparent;color:#fff;border-color:#ffffff30;backdrop-filter:none}
.field-home-active.at-top:not(.navigation-open):not(.explore-open)>header :is(#nav>a,.utilities,#userlink,.nav-explore-toggle){color:#fff}
.field-home-active.at-top:not(.navigation-open):not(.explore-open)>header #nav>a:after{background:#fff}
.field-visual-home .field-home-hero{height:calc(100svh - var(--campaign-height,0px));min-height:0;max-height:none}
.field-visual-home .field-hero-copy{padding:calc(var(--header-height,84px) + 30px) 0 100px}
.field-visual-home .field-hero-copy h1{font-size:clamp(36px,4.5vw,68px);max-width:850px}
.field-visual-home .field-hero-tools{top:auto;bottom:28px;right:4.5%}
.field-hero-scroll{position:absolute;left:4.5%;bottom:24px;width:42px;height:42px;border:1px solid #ffffff80;border-radius:50%;color:#fff;font-size:22px;background:transparent}
.field-home-destinations{scroll-margin-top:calc(var(--header-height,84px) + 20px)}
.field-destination-wrap{position:relative}
.field-destination-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.field-destination-rail::-webkit-scrollbar{display:none}
.field-image-entry{position:relative;display:block;min-width:0;aspect-ratio:4/5;overflow:hidden;background:#354337;color:white;isolation:isolate;scroll-snap-align:start}
.field-image-entry>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .45s ease}
/* Frame the landscape below the original collection-cover title strip. */
.field-image-entry>img.field-northeast-photo{top:-75%;height:220%;object-position:0% 50%}
.field-image-entry:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b170ac9,transparent 58%)}
.field-image-entry>span{position:absolute;bottom:26px;left:24px;right:18px;color:#fff;font:500 clamp(23px,2.1vw,32px)/1.35 var(--ui-font);letter-spacing:.02em;text-wrap:balance}
.field-image-entry:hover>img{transform:scale(1.035)}
.field-image-entry:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.field-destination-arrow{position:absolute;z-index:2;top:calc(50% - 21px);width:42px;height:42px;padding:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:50%;font-size:21px;box-shadow:0 2px 8px #14231015}
.field-destination-arrow[data-field-destination-step="-1"]{left:-21px}
.field-destination-arrow[data-field-destination-step="1"]{right:-21px}
.field-destination-arrow:disabled{color:#adb1a8;cursor:default}
.field-inspiration{padding-block:76px;border-bottom:0}
.field-inspiration .field-section-head{margin-bottom:30px}
.field-inspiration .field-section-head h2{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:.04em}
.field-content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.field-content-grid [data-field-entry="category"]{aspect-ratio:3/4}
.field-content-grid [href="#journal?type=feature"]>img{object-position:55% 50%}
.field-content-grid [href="#journal?type=guide"]>img{top:-8%;height:132%}
.field-content-grid [data-field-entry="category"]:after{background:linear-gradient(0deg,#07131b20,#07131b40)}
.field-content-grid [data-field-entry="category"]>span{inset:0;display:grid;place-items:center;padding:18px;font-size:clamp(38px,4.7vw,68px);font-weight:700;letter-spacing:.06em;text-shadow:0 2px 24px #0005}
.field-content-grid [data-field-entry="destination"]{aspect-ratio:4/3}
.field-content-grid [data-field-entry="destination"]:after{background:linear-gradient(0deg,#07131b8c,transparent 65%)}
.field-content-grid [data-field-entry="destination"]>span{font-size:clamp(23px,2.3vw,32px);left:22px;bottom:20px;font-weight:600}
/* Four films, with the existing player and a deliberately quieter rhythm. */
.field-home-films{padding-top:0}
.field-home-film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.field-home-film{min-width:0}
.field-home-film-cover{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#30382e;padding:0;overflow:hidden}
.field-home-film-cover>img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}
.field-home-film-cover:hover>img{opacity:.82}
.field-home-film-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffffd9;border-radius:50%;color:#fff;background:#14201655}
.field-home-film-play svg{width:22px;height:22px;fill:currentColor}
.field-home-film h3{font-size:17px;font-weight:500;line-height:1.65;margin:14px 0 0}
.field-home-film h3 button{text-align:left;line-height:inherit}
.field-home-film h3 button:hover{color:var(--accent)}
.field-home-film :is(button):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
/* Service notes: an open four-part band, not another stack of cards. */
.field-service-band{background:#f5f4ef;padding:62px 0 56px;border-top:1px solid #e8e6df}
.field-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px}
.field-service{text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0}
.field-service>svg{width:64px;height:64px;color:#344238;margin-bottom:23px}
.field-service h2{font-size:20px;font-weight:600;line-height:1.6;margin:0 0 10px;letter-spacing:0}
.field-service p{font-size:13px;line-height:1.9;color:#60665d;max-width:250px;margin:0 0 12px}
.field-service>a,.field-service>button{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;font-size:12px;padding:8px 0;color:#354537;text-underline-offset:5px}
.field-service>a:hover,.field-service>button:hover{text-decoration:underline}
.field-service :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:1700px){.field-destination-rail{grid-auto-columns:calc((100% - 72px)/5)}}
@media(max-width:760px){
 .field-visual-home .field-hero-copy{padding:calc(var(--header-height,68px) + 24px) 0 95px}
 .field-visual-home .field-hero-copy h1{font-size:clamp(32px,8vw,44px);max-width:100%}
 .field-visual-home .field-hero-copy>p:first-child{font-size:10px;margin-bottom:20px}
 .field-visual-home .field-hero-copy .field-hero-summary{font-size:13px;line-height:1.85;max-width:95%}
 .field-visual-home .field-hero-tools{bottom:22px;right:20px;gap:14px}
 .field-hero-scroll{left:20px;bottom:18px;width:38px;height:38px}
 .field-destination-rail{grid-auto-columns:calc((100% - 12px)/2);gap:12px}
 .field-destination-arrow{width:32px;height:32px;top:calc(50% - 16px);font-size:18px}
 .field-destination-arrow[data-field-destination-step="-1"]{left:-14px}
 .field-destination-arrow[data-field-destination-step="1"]{right:-14px}
 .field-image-entry>span{left:16px;right:12px;bottom:18px;font-size:23px}
 .field-inspiration{padding-block:44px}
 .field-inspiration .field-section-head{margin-bottom:22px}
 .field-inspiration .field-section-head h2{font-size:27px}
 .field-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .field-content-grid [data-field-entry="category"]{aspect-ratio:3/4}
 .field-content-grid [data-field-entry="category"]>span{font-size:clamp(30px,8vw,46px);padding:12px}
 .field-content-grid [data-field-entry="destination"]{aspect-ratio:4/3}
 .field-content-grid [data-field-entry="destination"]>span{left:13px;bottom:14px;font-size:22px}
 .field-home-films{padding-top:0}
 .field-home-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .field-home-film h3{font-size:14px;margin-top:10px}
 .field-home-film-play{width:34px;height:34px}
 .field-home-film-play svg{width:18px;height:18px}
 .field-service-band{padding:40px 0 30px}
 .field-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
 .field-service>svg{width:48px;height:48px;margin-bottom:16px}
 .field-service h2{font-size:16px}
 .field-service p{font-size:12px;line-height:1.85}
 .field-service>a,.field-service>button{font-size:11px}
}
@media(max-height:500px) and (min-width:761px){.field-visual-home .field-hero-copy{padding:80px 0 65px}.field-visual-home .field-hero-copy h1{font-size:32px}.field-visual-home .field-hero-copy>p:first-child{margin-bottom:10px}.field-visual-home .field-hero-summary{margin:10px 0 15px}.field-visual-home .field-hero-tools{bottom:12px}.field-hero-scroll{bottom:12px}}
@media(prefers-reduced-motion:reduce){.field-image-entry>img{transition:none}.field-image-entry:hover>img{transform:none}}
