/* Sitelagoon — the lagoon descent. Page theme over the vendored scroll-world engine.
   Palette: deep water #06151c · shell cream #f1eee3 · sea glass #b9d9d2 · coral #ecb496
   · bioluminescence #a6c9ee · conch gold #edcb87. Type lives here, never in the art. */
:root,.sw-root{--sw-bg:#06151c;--sw-ink:#f1eee3;--sw-ink-soft:#b4c7c7;--sw-accent:#b9d9d2;--sw-font-display:Georgia,'Times New Roman',serif;--sw-font-body:'Helvetica Neue',Arial,sans-serif;--paper:#eeeade;--ink:#173c3b;color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:#06151c;color:#f1eee3;font:15px/1.65 var(--sw-font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #edcb87;outline-offset:5px}::selection{background:#bed7cc;color:#06151c}h1,h2,h3,p{margin:0 0 22px}h1,h2{font-family:var(--sw-font-display);font-weight:400;line-height:1.02;letter-spacing:-.055em}h1{font-size:clamp(54px,7vw,105px)}h2{font-size:clamp(40px,5vw,76px)}h3{font-family:var(--sw-font-display);font-weight:400}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;line-height:1.6;color:#b9d9d2}em{font-weight:400}
.skip{position:fixed;top:-80px;left:24px;z-index:100;padding:12px;background:#f1eee3;color:#06151c}.skip:focus{top:16px}
.masthead{position:fixed;top:0;left:0;right:0;z-index:60;padding:26px 4vw;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#031018d9,transparent);transition:background .4s}.past-world .masthead{background:#06151cf2}.brand{display:flex;gap:10px;align-items:center;font-size:25px;letter-spacing:-1px;line-height:1.15}.brand small{display:block;font-size:8px;letter-spacing:.18em;margin-top:5px;text-transform:uppercase;color:#b4c7c7}.masthead nav{display:flex;gap:32px;font-size:12px}.masthead nav a{padding:8px 0;border-bottom:1px solid transparent}.masthead nav a:hover,.masthead nav a[aria-current]{border-color:#b9d9d2}
/* Quiet / no-JS world: every station is a normal full-height section over its still. */
.static-world section{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:170px 7vw 120px;isolation:isolate;overflow:hidden}.static-world section::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06151cdd,#06151c55 60%,transparent),linear-gradient(0deg,#06151c99,transparent 55%)}.station-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-2}.station-copy{max-width:800px}.station-description{max-width:410px;color:#ced8d3}.station-link{display:inline-block;padding:10px 0;border-bottom:1px solid #b9d9d266;font-size:12px}.static-world #discover::after{background:linear-gradient(#06151caa,#06151cee)}
.collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:50px 0 25px}.site-card{display:block;min-width:0;border:1px solid #b9d9d255;background:#0b2027;box-shadow:0 20px 60px #0004;border-radius:5px;overflow:hidden;text-align:left;transform-origin:center;isolation:isolate}.site-card:hover{border-color:#edcb87}.card-meta{display:block;position:relative;padding:12px 16px;line-height:1.5;color:#eeeadd;background:#0b2027}.card-meta b{display:block;font-size:11px;font-weight:400}.card-meta small{display:block;font-size:9px;color:#b4c7c7}.card-meta>span{position:absolute;right:14px;top:15px}.concept-disclosure{font-size:12px;color:#b4c7c7;margin-top:24px}/* The engine owns scroll timing; these overrides restyle its copy layer in the lagoon's editorial voice. */
.immersive .sw-topbar,.immersive .sw-route,.immersive .sw-copy__num{display:none}.immersive .sw-hint{bottom:58px;font-size:9px;letter-spacing:.14em;color:#b4c7c7}.immersive .sw-copylayer:before{width:100%;background:linear-gradient(90deg,#03111bdd,#03111b66 42%,#03111b00 77%),linear-gradient(0deg,#03111b88,transparent 35%)}.immersive .sw-copy{left:7vw;top:32%;width:min(78vw,1000px)}.immersive .sw-copy__eyebrow{font:10px var(--sw-font-body);letter-spacing:.2em;margin:0 0 28px;color:#b9d9d2}.immersive .sw-copy__title{font:normal clamp(52px,6.5vw,98px)/1.02 var(--sw-font-display);letter-spacing:-.055em;text-shadow:none}.immersive .sw-copy__title span{display:block}.immersive .sw-copy__title span+span{font-style:italic}.immersive .sw-copy__body{font:14px/1.8 var(--sw-font-body);max-width:370px;margin-top:30px}.immersive .sw-copy__cta{margin-top:30px}.immersive .sw-btn{border-radius:0;background:none;color:#f1eee3;border-bottom:1px solid #b9d9d277;font-size:12px;padding:10px 0}.immersive .sw-scrollbar{height:1px}.immersive .sw-copy:nth-child(2){display:none}.immersive .sw-scene__video,.immersive .sw-scene__still{object-position:50% 50%}
/* The chest gallery: real DOM previews rising out of the held camera frame. */
.discovery{position:fixed;inset:0;z-index:30;pointer-events:none;perspective:1200px;overflow:hidden}.discovery[hidden]{display:none}.discovery-copy{position:absolute;top:25%;left:5vw;width:28vw;max-width:430px;z-index:6}.discovery-copy h2{font-size:clamp(32px,3.9vw,61px);line-height:1.07;margin-bottom:25px}.discovery-copy h2 em{color:#b9d9d2}.discovery-copy>p:not(.eyebrow){font-size:13px;max-width:275px;color:#cad7d0}.discovery-copy .reveal-caption{font-size:11px!important;color:#edcb87!important;margin-top:28px}.continue-link{pointer-events:auto;display:inline-block;font-size:11px;padding:8px 0;border-bottom:1px solid #b9d9d277}.discovery .collection{display:block;position:absolute;inset:0;margin:0;z-index:3}.discovery .site-card{position:absolute;left:0;top:0;width:clamp(190px,19vw,300px);will-change:transform,opacity;pointer-events:auto}.discovery .card-meta{padding:9px 12px}.discovery .card-meta b{font-size:10px}.discovery .card-meta small{font-size:8px}.gallery-note{position:absolute;bottom:7%;left:37%;right:4%;text-align:center;font-size:9px;letter-spacing:.025em;z-index:5;color:#c1ceca}#echoes{position:absolute;inset:0;z-index:2;pointer-events:none}.echo{position:absolute;width:90px;height:64px;background:linear-gradient(135deg,#eadbbf,#94b9ae);border:1px solid #d9e7d0aa;border-radius:3px;box-shadow:0 0 25px #b9d9d222;opacity:0}.echo:after{content:'';position:absolute;inset:10px;background:linear-gradient(90deg,#4a756877 48%,transparent 48%),repeating-linear-gradient(0deg,transparent 0 8px,#47685b33 8px 10px)}
.journey-tools{position:fixed;z-index:61;bottom:22px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#b4c7c7;pointer-events:none}.journey-tools[hidden]{display:none}.journey-tools a{pointer-events:auto}
/* After the world: readable service detail on warm paper. */
.after-world{position:relative;z-index:45;background:var(--paper);color:var(--ink)}.section-wrap{padding:110px 8vw}.after-world .eyebrow{color:#567168}.after-world h2{font-size:clamp(38px,4.4vw,66px);letter-spacing:-.045em;margin-bottom:18px}.after-world h2 em{font-style:italic;color:#3f6d66}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:end;margin-bottom:60px}.section-heading p{max-width:430px;color:#3b5553}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service-list article{border-top:1px solid #9fb5ad;padding-top:26px}.service-number{display:block;font-size:11px;letter-spacing:.18em;color:#567168;margin-bottom:22px}.service-list h3{font-size:30px;line-height:1.08;letter-spacing:-.035em;margin-bottom:16px}.service-list p{color:#3b5553;max-width:34ch}.service-detail{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#214b46;border-bottom:1px solid #9fb5ad;padding:6px 0}.care-note{display:flex;gap:22px;align-items:flex-start;margin-top:70px;padding:30px 34px;background:#e3e0d0;border-radius:4px}.care-symbol{font-size:30px;line-height:1;color:#3f6d66}.care-note p{margin:0;max-width:60ch}
.field-notes{background:#06151c;color:#f1eee3}.field-notes .eyebrow{color:#b9d9d2}.field-notes h2 em{color:#b9d9d2}.field-notes .section-heading p{color:#ced8d3}.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.study{display:block;position:relative;overflow:hidden;border-radius:4px;background:#0b2027}.study img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .6s}.study:hover img{transform:scale(1.03)}.study span{display:block;padding:14px 2px 0;font-size:11px;line-height:1.6}.study b{display:block;font-weight:400}.study small{color:#b4c7c7}.study-caption{margin:34px 0 60px;font-size:11px;letter-spacing:.08em;color:#8ea5a2}.conch-note{display:flex;gap:26px;align-items:flex-start;max-width:720px;border-top:1px solid #1f3a40;padding-top:40px}.conch-note svg{flex:none;width:52px;height:52px;color:#edcb87}.conch-note p{margin:0;color:#d2dedb}.conch-note strong{display:block;font-family:var(--sw-font-display);font-weight:400;font-size:24px;letter-spacing:-.02em;margin-bottom:10px;color:#f1eee3}
.brief{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.brief>div>p{max-width:350px;color:#3b5553}.brief label{display:block;margin:0 0 12px;font-size:13px}.brief select,.brief textarea{display:block;width:100%;padding:14px 16px;margin-bottom:22px;background:#f9f7ef;color:var(--ink);border:1px solid #82998b;border-radius:0}.brief textarea{resize:vertical}.brief button,#choose-direction{background:#214b46;color:#f1eee3;border:0;padding:13px 20px;margin:4px 0 18px}.fineprint{font-size:11px;line-height:1.7;opacity:.7}.chosen-direction{border-left:2px solid #668b78;padding-left:16px}.chosen-direction:empty{display:none}#saved-status{font-size:13px;color:#214b46}
.site-footer{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:#0a2025;color:#a2bab4;padding:36px 4vw;font-size:11px}.site-footer p{margin:0;line-height:1.7}.footer-name{font-size:19px;letter-spacing:-.5px;color:#f1eee3}.footer-name span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#a2bab4;margin-left:8px}
dialog{padding:0;background:#f0ece2;color:#163a36;border:1px solid #b9d9d244;border-radius:9px;width:min(1000px,92vw);max-height:90svh;overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#020d13cc;backdrop-filter:blur(9px)}.detail-close{position:absolute;z-index:10;top:14px;right:14px;background:#06151cdd;color:#fff;border:1px solid #b9d9d244;border-radius:30px;padding:8px 16px;font-size:12px}.detail-info{padding:30px 40px 35px}.detail-info .eyebrow{color:#55766a}.detail-info h2{font-size:38px;letter-spacing:-.035em;margin-bottom:12px}.detail-info>p{max-width:700px}.detail-info ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.detail-info li{border:1px solid #99afa2;border-radius:30px;padding:5px 12px;font-size:11px}.detail-info .fineprint{margin:0}
@media(max-width:900px){.masthead{padding:21px 5vw}.masthead nav{gap:18px}.brand{font-size:21px}.brand img{width:25px}.collection{grid-template-columns:repeat(2,minmax(0,1fr))}.static-world section{padding:150px 6vw 80px}.immersive .sw-copy{top:27%;left:6vw;width:86vw}.immersive .sw-copy__title{font-size:clamp(42px,8vw,70px)}.immersive .sw-copy__body{max-width:310px}.discovery-copy{top:16%;left:6vw;max-width:none;width:88vw}.discovery-copy .eyebrow{margin-bottom:12px}.discovery-copy h2{font-size:37px;max-width:420px;margin-bottom:12px}.discovery-copy h2 br:first-child{display:none}.discovery-copy h2 br:first-child:after{content:' '}.discovery-copy>p:not(.eyebrow){font-size:12px;max-width:350px;margin-bottom:10px}.discovery-copy .reveal-caption{margin-top:14px;font-size:10px!important}.continue-link{position:absolute;right:0;bottom:0;font-size:10px}.discovery .collection{display:flex;gap:16px;position:absolute;inset:auto 0 19%;height:250px;padding:10px 6vw 18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#b9d9d2 transparent}.discovery .site-card{position:relative;inset:auto;width:280px;min-width:280px;scroll-snap-align:center;box-shadow:0 15px 25px #0005}.discovery .card-meta{padding:11px 14px}.discovery .card-meta small{font-size:9px}.gallery-note{left:6%;right:6%;bottom:11%;font-size:8px}.brief{grid-template-columns:1fr;gap:35px;padding:80px 7vw}footer{flex-direction:column;gap:8px}.journey-tools{font-size:8px}.detail-info{padding:25px}}
@media(max-width:540px){.masthead nav{gap:15px;font-size:10px}.collection{gap:12px}.static-world h1{font-size:49px}.static-world h2{font-size:43px}.discovery-copy h2{font-size:32px}.discovery-copy>p:not(.eyebrow){max-width:295px}.continue-link{position:static}.discovery-copy .reveal-caption{margin-top:9px}.discovery .collection{bottom:17%;height:241px}.gallery-note{bottom:9%}.journey-tools>span:last-child{display:none}}
@media(max-height:700px) and (max-width:900px){.discovery-copy{top:13%}.discovery-copy h2{font-size:27px}.discovery-copy>p:not(.eyebrow){font-size:11px;margin-bottom:6px}.discovery .collection{bottom:15%;height:213px}.discovery .card-meta{padding:7px 12px}.gallery-note{bottom:6%}.continue-link{display:none}.discovery-copy .reveal-caption{margin-top:4px}}
/* Override the upstream lower-only phone scrim: this study places copy at the top. */
@media(max-width:900px){.immersive .sw-copylayer:before{inset:0;height:100%;background:linear-gradient(180deg,#03111ba6 0%,#03111b9c 32%,#03111b22 65%,#03111b99 100%)}.immersive .sw-copy{bottom:auto}.discovery .site-card{z-index:5}.discovery-copy h2{letter-spacing:-.045em}}
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){.masthead{padding:12px 4vw}.discovery-copy{top:23%;left:4vw;width:32vw}.discovery-copy h2{font-size:26px}.discovery-copy>p:not(.eyebrow){font-size:10px}.discovery-copy .eyebrow{font-size:8px}.discovery .collection{left:38%;right:0;bottom:15%;height:230px;padding-left:12px}.discovery .site-card{width:245px;min-width:245px}.gallery-note{left:40%;right:3%;bottom:5%;font-size:7px}.journey-tools{bottom:10px}.journey-tools>span:last-child{display:none}}
/* 2026-10-13 type pass. Self-hosted Fraunces (display) and Instrument Sans (UI/body) replace the
   Georgia + Helvetica Neue system stack, whose 400-weight 12px nav and 8–10px labels read thin and
   spindly in light-on-dark. Small text gets real weight; nothing functional is set below 11px. */
:root,.sw-root{--sw-font-display:'Fraunces',Georgia,serif;--sw-font-body:'Instrument Sans','Helvetica Neue',Arial,sans-serif}
body{font-size:16px}
h1,h2{font-weight:360;letter-spacing:-.035em;font-variation-settings:'SOFT' 30,'WONK' 0}
h3{font-weight:400;font-variation-settings:'SOFT' 30}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em}
.brand{font-family:var(--sw-font-display);font-weight:420;font-size:26px;letter-spacing:-.025em}
.brand small{font-family:var(--sw-font-body);font-size:10px;font-weight:600;letter-spacing:.2em;margin-top:4px}
.masthead nav{align-items:center;gap:30px;font-size:14px;font-weight:500;letter-spacing:.005em}
.masthead nav .nav-cta{padding:9px 18px;border:1px solid #f1eee380;border-radius:999px;background:#06151c40;backdrop-filter:blur(6px)}
.masthead nav .nav-cta:hover,.masthead nav .nav-cta:focus-visible{background:#f1eee3;color:#06151c;border-color:#f1eee3}
.station-description{font-size:17px}
.station-link{font-size:14px;font-weight:500}
.journey-tools{font-size:10px;font-weight:600;letter-spacing:.14em}
.immersive .sw-hint{font-size:10px;font-weight:600}
.immersive .sw-copy__eyebrow{font:600 11px var(--sw-font-body);letter-spacing:.2em}
.immersive .sw-copy__title{font-weight:360;letter-spacing:-.035em;font-variation-settings:'SOFT' 30}
.immersive .sw-copy__body{font-size:16px;line-height:1.7;max-width:400px}
.immersive .sw-btn{font-size:14px;font-weight:500}
.discovery-copy>p:not(.eyebrow){font-size:15px;max-width:310px}
.discovery-copy .reveal-caption{font-size:12px!important;font-weight:600}
.continue-link{font-size:13px;font-weight:500}
.gallery-note{font-size:11px;letter-spacing:.04em}
.concept-disclosure{font-size:13px}
.service-number,.service-detail{font-weight:600}
.care-note p{font-size:16px}
.study span{font-size:13px}
.study-caption{font-size:12px}
.brief label{font-size:14px;font-weight:600}
.brief button,#choose-direction{font-weight:600;border-radius:999px;padding:14px 24px}
.fineprint{font-size:12px}
.site-footer{font-size:13px}
.footer-name{font-family:var(--sw-font-display);font-weight:420;font-size:21px}
.footer-name span{font-family:var(--sw-font-body);font-weight:600;font-size:10px}

/* Gallery cards are screenshots of the example sites in site/demos/ (tools/demo-thumbs.mjs). */
.shot{display:block;aspect-ratio:16/10;overflow:hidden;background:#0b2027}
.shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}
.site-card:hover .shot img{transform:scale(1.03)}
.card-meta b{font-size:14px;font-weight:600}
.card-meta small{font-size:12px}
.discovery .card-meta b{font-size:13px}
.discovery .card-meta small{font-size:11px}

/* Detail dialog: the example site itself, live in a scaled iframe. */
dialog{width:min(1180px,94vw)}
.detail-preview{background:#d9d4c6}
.preview-bar{display:flex;align-items:center;gap:14px;padding:12px 120px 12px 16px;background:#e6e1d4;border-bottom:1px solid #cfc8b8}
.preview-bar .dots i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c9c2b2;margin-right:6px}
.preview-url{flex:1;max-width:420px;margin:0 auto;padding:5px 12px;border-radius:6px;background:#f4f1e9;color:#55605c;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.device{display:flex;gap:2px;padding:3px;border-radius:999px;background:#d6d0c1}
.device button{border:0;border-radius:999px;background:transparent;padding:6px 13px;font-size:12px;font-weight:600;color:#163a36}
.device button[aria-pressed=true]{background:#fff}
.preview-frame{position:relative;height:min(60svh,640px);overflow:hidden;background:#fff}
dialog.phone .preview-frame{background:#d9d4c6}
.preview-frame iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff}
dialog.phone .preview-frame iframe{box-shadow:0 0 0 1px #0002,0 20px 40px #0003}
.detail-close{top:9px;right:12px;padding:7px 14px}
.detail-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 18px}
.detail-open{display:inline-block;padding:14px 24px;border-radius:999px;background:#214b46;color:#f1eee3;font-weight:600}
.detail-open:hover{background:#163a36}
#choose-direction{margin:0;background:transparent;color:#214b46;border:1px solid #214b46}
.detail-info{display:grid;grid-template-columns:1.25fr 1fr;gap:12px 48px;padding:26px 36px 28px}
.detail-info h2{font-size:32px;margin-bottom:10px}
.detail-info>div>p:last-child{margin:0;font-size:15px;line-height:1.6}
.detail-side ul{margin:0 0 18px}
.preview-frame{height:min(55svh,600px)}
@media(max-width:900px){.detail-info{grid-template-columns:1fr;padding:22px}}
@media(max-width:900px){.masthead nav{gap:20px;font-size:13px}.masthead nav .nav-cta{padding:8px 14px}.brand{font-size:22px}
  .preview-frame{height:52svh}.preview-bar .dots{display:none}}
@media(max-width:540px){.masthead nav{gap:14px;font-size:13px}.masthead nav a:nth-child(2){display:none}.brand small{font-size:9px}
  .preview-url{display:none}.preview-bar{justify-content:flex-start}.detail-info h2{font-size:28px}}
/* Chest grid (2026-10-14). The six cards fly out of the chest into a small grid, the
   grid zooms to fill the screen (3 × 2 landscape, 2 × 3 portrait), then everything
   returns to the chest. lagoon.js sets each card's width, transform and opacity, so
   these rules only undo the old layouts (the phone side-scroller included). */
.discovery .collection,.discovery .collection[class]{display:block;position:absolute;inset:0;height:auto;margin:0;padding:0;overflow:visible;pointer-events:none;scroll-snap-type:none;z-index:3}
.discovery .site-card{position:absolute;left:0;top:0;min-width:0;transform-origin:center;pointer-events:auto;scroll-snap-align:none;box-shadow:0 24px 60px #0007;border-color:#b9d9d240}
.discovery .site-card:hover,.discovery .site-card:focus-visible{border-color:#edcb87;box-shadow:0 0 0 1px #edcb87,0 24px 60px #0008}
.discovery .card-meta{height:54px;padding:9px 14px;overflow:hidden}
.discovery .card-meta b,.discovery .card-meta small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px}
.discovery .card-meta b{font-size:14px}
.discovery .card-meta small{font-size:12px}
.discovery-scrim{position:absolute;inset:0;z-index:2;opacity:0;background:radial-gradient(ellipse 80% 75% at 50% 52%,#03111bd9,#020b12f5)}
.grid-head{position:absolute;left:0;right:0;top:70px;z-index:4;opacity:0;text-align:center;padding:0 16px}
.grid-head .eyebrow{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#edcb87}
.grid-title{margin:0;font-family:var(--sw-font-display),Georgia,serif;font-size:clamp(20px,2vw,28px);line-height:1.15;color:#f1eee3}
.grid-title em{color:#b9d9d2}
.grid-hint{margin:6px 0 0;font-size:12px;color:#c1ceca}
.hint-touch{display:none}
@media(hover:none){.hint-desk{display:none}.hint-touch{display:inline}}
.discovery .gallery-note{left:4%;right:4%;bottom:20px;font-size:11px}
@media(max-width:900px){.discovery .card-meta{height:46px;padding:7px 10px}.discovery .card-meta b{font-size:12px}.discovery .card-meta small{font-size:10px}.discovery .card-meta>span{right:9px;top:8px;font-size:11px}
  .grid-title{font-size:19px}.grid-hint{font-size:11px}.discovery .gallery-note{bottom:12px;font-size:9.5px}}
@media(max-height:520px){.grid-head,.discovery .gallery-note{display:none}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:900px){.immersive .sw-scene__video,.immersive .sw-scene__still{object-position:62% 50%}.static-world section{padding:150px 6vw 80px}.section-wrap{padding:80px 7vw}.section-heading,.service-list,.study-grid{grid-template-columns:1fr;gap:34px}.section-heading{margin-bottom:40px}.care-note{margin-top:46px;padding:24px}.brief{grid-template-columns:1fr;gap:35px}.site-footer{flex-direction:column;gap:12px}.past-world .masthead{padding:18px 5vw}}