@font-face{font-family: DM Sans;font-style: normal;font-weight: 400 600;font-display: swap;src: url(/assets/fonts/dm-sans-0.woff2?v=d1f5355d65) format("woff2");}@font-face{font-family: Noto Serif JP;font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts/noto-serif-jp-0.woff2?v=b9716357ae) format("woff2");}@font-face{font-family: Noto Sans JP;font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts/noto-sans-jp-0.woff2?v=48231dc61c) format("woff2");}:root{--paper: #f6f4eb;--ink: #262c25;--muted: #64675c;--line: #c9ccbd;--accent: #425c38;--moss: #a8c47a;--yellow: #f4d21f;--pad: clamp(20px, 4.2vw, 88px);--sans: "DM Sans", "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--serif: "Noto Serif JP", "Yu Mincho", serif;--ease: cubic-bezier(0.22, 0.65, 0.25, 1);}*{box-sizing: border-box;}html{scroll-behavior: smooth;scroll-padding-top: calc(var(--header-height, 88px) + 24px);}body{background: var(--paper);color: var(--ink);font: 400 1rem/1.7 var(--sans);-webkit-font-smoothing: antialiased;margin: 0;}a{color: inherit;text-decoration: none;}button, summary{font: inherit;}button{color: inherit;cursor: pointer;}button, a, summary{-webkit-tap-highlight-color: transparent;}a:focus-visible, button:focus-visible, summary:focus-visible{outline: 2px solid var(--accent);outline-offset: 5px;}a:active, button:active{opacity: 0.72;}::selection{background: var(--moss);color: var(--ink);}h1, h2, h3, h4, h5, p, figure{margin: 0;}h1, h2, h3, h4, h5, h6, p, dt, dd, .select-brand, .select-area{overflow-wrap: anywhere;}img{max-width: 100%;display: block;}picture{display: block;}main:focus{outline: none;}[hidden]{display: none !important;}.sr-only{clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;width: 1px;height: 1px;margin: -1px;padding: 0;position: absolute;overflow: hidden;}.skip-link{z-index: 100;background: var(--ink);color: #fff;padding: 12px 20px;position: fixed;top: 12px;left: 12px;transform: translateY(-160%);}.skip-link:focus{transform: none;}.site-header{min-height: 86px;padding: 15px var(--pad);border-bottom: 1px solid var(--line);background: var(--paper);z-index: 40;align-items: center;gap: 30px;display: flex;position: sticky;top: 0;}.brand{letter-spacing: -0.075em;font-size: 2.5rem;font-weight: 600;line-height: 1;}.brand span{color: var(--accent);}.header-caption{letter-spacing: 0.12em;max-width: 165px;font-size: 0.64rem;line-height: 1.45;}.desktop-nav{gap: 32px;margin-left: auto;font-size: 0.8rem;display: flex;}.desktop-nav a{white-space: nowrap;padding: 12px 0;position: relative;}.desktop-nav a:after{content: "";transform-origin: 0;height: 1px;transition: transform 0.25s var(--ease);background: currentColor;position: absolute;bottom: 5px;left: 0;right: 0;transform: scaleX(0);}.desktop-nav a:hover:after, .desktop-nav a[aria-current="true"]:after{transform: scaleX(1);}.language-nav{letter-spacing: 0.03em;align-items: center;gap: 9px;font-size: 0.72rem;display: flex;}.language-nav a{padding: 12px 3px;position: relative;}.language-nav a[aria-current="page"]:after{content: "";background: currentColor;height: 1px;position: absolute;bottom: 5px;left: 3px;right: 3px;}.language-nav > span{color: var(--muted);}.menu-toggle, .mobile-menu{display: none;}.fallback-nav{justify-content: center;gap: 20px;padding: 12px;display: flex;}.hero{--scene: #c3d6b7;padding: 36px var(--pad) 0;max-width: 2100px;margin: auto;}.hero[data-selected="shinagawa"]{--scene: #d4e1ec;}.hero[data-selected="takanawa"]{--scene: #dcb398;}.hero[data-selected="komorebi"]{--scene: #d5c6a8;}.hero-spread{grid-template-columns: 43% 57%;min-height: 610px;display: grid;position: relative;}.hero-heading{z-index: 2;flex-direction: column;align-items: flex-start;padding: 8px 0 38px;display: flex;position: relative;}.hero-kicker{letter-spacing: 0.13em;margin-bottom: 44px;font-size: 0.67rem;}.hero h1{letter-spacing: -0.07em;white-space: nowrap;font-feature-settings: "palt";margin-right: -12%;font-size: clamp(3.7rem, 5.75vw, 7.6rem);font-weight: 400;line-height: 1.35;position: relative;}.hero h1 > span{margin-left: 0.7em;display: block;}.hero-mission{letter-spacing: 0.025em;margin-top: 28px;margin-left: 5px;font-size: 0.875rem;line-height: 2.2;}.cover-link{border-bottom: 1px solid var(--ink);align-items: center;gap: 28px;margin-top: 26px;margin-left: 5px;padding-bottom: 7px;font-size: 0.82rem;display: flex;}.cover-link span{transition: transform 0.25s var(--ease);font-size: 1.3rem;}.cover-link:hover span{transform: translate(3px, -3px);}.cover-detail{align-items: end;gap: 14px;margin: 38px 0 0 5px;display: flex;}.cover-detail img{object-fit: cover;border-radius: 50%;width: 132px;height: 132px;}.cover-detail > span{letter-spacing: 0.09em;writing-mode: vertical-rl;padding-bottom: 8px;font-size: 0.57rem;}.cover-edition{letter-spacing: 0.08em;font-size: 0.58rem;position: absolute;bottom: 12px;right: 24px;}.hero-visual{background: var(--scene);flex-direction: column;min-width: 0;display: flex;position: relative;}.hero-visual > picture{flex: 1;height: 100%;min-height: 455px;overflow: hidden;}.hero-image{object-fit: cover;object-position: 48% 50%;width: 100%;height: 100%;min-height: 455px;}.hero-visual:before{content: "";z-index: 1;pointer-events: none;border: 1px solid #f6f4eb;border-left-color: #0000;width: 44px;height: 44px;position: absolute;top: 20px;right: 20px;}.hero-visual > figcaption{color: #fff;text-shadow: 0 1px 6px #000;letter-spacing: 0.07em;pointer-events: none;font-size: 0.63rem;position: absolute;top: 24px;left: 24px;right: 88px;}.folio-copy{background: var(--scene);grid-template-columns: 1fr auto;gap: 2px 20px;padding: 23px 26px 22px;transition: background-color 0.3s;display: grid;position: relative;}.folio-location{grid-column: 1/-1;gap: 14px;font-size: 0.67rem;display: flex;}.folio-location > span:first-child{display: none;}.folio-copy h2{letter-spacing: -0.025em;grid-column: 1;font-size: clamp(1.12rem, 1.6vw, 1.8rem);font-weight: 500;line-height: 1.35;}.folio-property{grid-column: 1;margin-top: 5px;font-size: 0.76rem;}.folio-spec{color: #4c5647;grid-column: 1;margin-top: 4px;font-size: 0.66rem;}.folio-link{border-bottom: 1px solid;grid-area: 2/2/5;align-self: center;align-items: center;gap: 14px;padding: 9px 0;font-size: 0.73rem;display: flex;}.link-line{width: 20px;height: 12px;transition: transform 0.25s var(--ease);border-bottom: 1px solid;display: block;position: relative;transform: translateY(-5px);}.link-line:after{content: "";transform-origin: 100% 100%;border-top: 1px solid;border-right: 1px solid;width: 7px;height: 7px;position: absolute;bottom: -1px;right: 0;transform: rotate(45deg);}.folio-link:hover .link-line{transform: translate(4px, -5px);}.stay-folio{border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);grid-template-columns: 17% 83%;margin-top: 28px;padding: 21px 0;display: grid;position: relative;}.folio-invitation{align-self: center;font-size: 0.83rem;line-height: 1.65;}.scene-switcher{grid-template-columns: repeat(4, 1fr);gap: 10px;display: grid;}.scene-switcher button{text-align: left;background: 0 0;border: 0;grid-template-columns: 42px 1fr;align-items: center;gap: 10px;min-height: 76px;padding: 10px 13px;transition: background 0.2s;display: grid;position: relative;}.scene-switcher button:hover{background: #e8ecdf;}.scene-switcher button[aria-pressed="true"]{background: var(--scene);}.select-shape{width: 30px;height: 30px;transition: transform 0.32s var(--ease);background: #a8bd82;display: block;position: relative;}.select-shape:after{content: "";border: 1px solid var(--ink);transition: transform 0.32s var(--ease);border-left-color: #0000;position: absolute;inset: 5px -5px -5px 5px;}[data-scene="shinagawa"] .select-shape{background: #789ab9;border-radius: 50%;}[data-scene="shinagawa"] .select-shape:after{border-radius: 50%;}[data-scene="takanawa"] .select-shape{background: linear-gradient(90deg, #b35b45 50%, #edcf6b 50%);border-radius: 50% 50% 0 0;}[data-scene="komorebi"] .select-shape{background: #bd9b6e;}[data-scene="aria-hatsudai"] .select-shape{background: #a9c8a1;border-radius: 0 50% 50% 0;}.scene-switcher button:hover .select-shape, .scene-switcher button[aria-pressed="true"] .select-shape{transform: translate(-2px, -2px);}.scene-switcher button:active .select-shape{transform: translate(-2px, -2px) scale(0.96);}.select-label{flex-direction: column;gap: 3px;display: flex;}.select-brand{letter-spacing: 0.01em;font-size: 0.64rem;font-weight: 500;line-height: 1.35;}.select-area{color: #53594d;font-size: 0.61rem;}.select-number{color: var(--muted);font-size: 0.55rem;position: absolute;top: -9px;right: 5px;}.scene-error{color: #92321e;grid-column: 1/-1;padding: 12px 0;font-size: 0.8rem;}.hero-bottom{letter-spacing: 0.045em;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 16px 24px;padding: 19px 0;font-size: 0.62rem;display: flex;}.hero-bottom a{align-items: center;min-width: 0;max-width: 100%;overflow-wrap: anywhere;gap: 14px;display: flex;}.hero-bottom a > span{border-right: 1px solid;flex-shrink: 0;width: 7px;height: 18px;transform: skewY(-40deg);}.section-shell{padding: 110px var(--pad);max-width: 2100px;margin: auto;}.section-marker{border-top: 1px solid var(--line);align-items: center;gap: 16px;padding-top: 18px;font-size: 0.7rem;display: flex;}.section-marker > span:first-child{font-size: 0.64rem;}.section-marker h2{font-size: 0.8rem;font-weight: 400;}.section-marker > span:last-child{letter-spacing: 0.07em;margin-left: auto;font-size: 0.6rem;}.about-layout{grid-template-columns: 1.05fr 1fr;gap: 10%;padding: 70px 0 85px;display: grid;}.statement{letter-spacing: -0.055em;font-size: clamp(2.7rem, 4.4vw, 5.5rem);line-height: 1.45;}.statement span{color: var(--accent);}.brand-reference{align-items: center;gap: 26px;max-width: 450px;margin-top: 45px;display: flex;}.brand-reference img{width: 132px;height: auto;}.brand-reference figcaption > span{letter-spacing: 0.11em;font-size: 0.57rem;}.brand-reference figcaption p{letter-spacing: 0.08em;margin: 6px 0;font-size: 1rem;}.brand-reference figcaption small{font-size: 0.69rem;}.about-copy{max-width: 520px;padding-top: 8px;}.about-copy h3{letter-spacing: -0.035em;margin-bottom: 28px;font-size: clamp(1.6rem, 2.05vw, 2.6rem);font-weight: 400;line-height: 1.7;}.about-copy p{margin: 0 0 22px;font-size: 0.91rem;line-height: 2.2;}.detail-journal{scroll-margin-top: 22px;}.journal-heading{letter-spacing: 0.035em;justify-content: space-between;margin-bottom: 28px;font-size: 0.67rem;display: flex;}.journal-spread{grid-template-rows: auto auto;grid-template-columns: 1.2fr 0.17fr 0.8fr;align-items: start;gap: 34px 0;display: grid;position: relative;}.journal-spread:before{content: "";background: var(--yellow);aspect-ratio: 1;z-index: -1;border-radius: 50%;width: 26%;position: absolute;top: 23%;left: 43%;}.journal-photo--light{grid-area: 1/1/3;align-self: center;margin-top: 4%;}.journal-photo--colour{grid-area: 1/3;padding-right: 14%;}.journal-photo--table{grid-area: 2/3;margin-top: 18px;padding-left: 20%;}.journal-photo picture{overflow: hidden;}.journal-photo img{aspect-ratio: 1.5;object-fit: cover;width: 100%;height: auto;}.journal-photo figcaption{justify-content: space-between;gap: 10px;margin-top: 13px;font-size: 0.73rem;line-height: 1.6;display: flex;}.journal-photo figcaption > span:last-child{letter-spacing: 0.06em;color: var(--muted);white-space: nowrap;padding-top: 2px;font-size: 0.54rem;}.journal-footer{justify-content: space-between;align-items: start;gap: 30px;margin-top: 34px;display: flex;}.journal-footer p{color: var(--muted);font-size: 0.67rem;}.journal-footer p > span{margin-top: 5px;font-size: 0.6rem;display: block;}.journal-footer a{white-space: normal;max-width: 100%;overflow-wrap: anywhere;border-bottom: 1px solid;padding: 2px 0 5px;font-size: 0.74rem;}.places{padding-top: 30px;}.places-heading{grid-template-columns: 1fr 1fr 0.7fr;align-items: center;gap: 5%;padding: 58px 0 90px;display: grid;}.places-heading h3{letter-spacing: -0.05em;font-size: clamp(2rem, 3.3vw, 4rem);font-weight: 400;line-height: 1.5;}.places-heading > div > p{font-size: 0.75rem;}.district-index{flex-direction: column;margin-top: 22px;display: flex;}.district-index a{border-bottom: 1px solid var(--line);align-items: center;gap: 15px;padding: 12px 0;font-size: 0.71rem;display: flex;}.district-index a > span{color: var(--muted);font-size: 0.57rem;}.district-index a:hover{color: var(--accent);}.folio-map{max-width: 250px;margin-left: auto;}.atlas-map{width: 100%;height: auto;}.map-grid path{fill: none;stroke: #c9cfc0;stroke-width: 0.5px;}.map-reference{fill: #61675a;}.map-reference path{stroke: #72796a;stroke-width: 0.8px;}.map-reference text{font-size: 9px;}.map-north{fill: #686d61;font-size: 8px;}.map-pin{fill: #435b39;}.map-halo{fill: #d7dfc9;}.map-place text{fill: var(--ink);font-size: 11px;}.folio-map > p{text-align: center;margin-top: 5px;font-size: 0.55rem;line-height: 1.5;}.place{--room-colour: #c8d1b1;padding-top: 30px;scroll-margin-top: 32px;}.place + .place{margin-top: 115px;}.chapter-heading{border-top: 1px solid var(--line);align-items: center;gap: 23px;padding: 24px 0 30px;display: flex;}.chapter-number{background: var(--room-colour);border-radius: 50%;place-items: center;width: 45px;height: 45px;font-size: 0.72rem;display: grid;}.chapter-heading h4{letter-spacing: -0.03em;font-size: clamp(1.2rem, 2.2vw, 2.9rem);font-weight: 400;line-height: 1.3;}.chapter-ward{white-space: normal;min-width: 0;overflow-wrap: anywhere;margin-left: auto;font-size: 0.7rem;}.place-layout{grid-template-columns: 1.65fr 1fr;align-items: center;gap: 6%;display: grid;}.place-photo{min-width: 0;position: relative;}.place-photo img{aspect-ratio: 1.5;object-fit: cover;width: 100%;height: auto;}.photo-caption{letter-spacing: 0.06em;color: var(--muted);margin-top: 12px;font-size: 0.57rem;}.place-tagline{letter-spacing: -0.04em;margin-bottom: 24px;font-size: clamp(1.5rem, 2.3vw, 2.75rem);line-height: 1.65;}.stay-facts{grid-template-columns: 1fr 1fr;gap: 10px;margin: 28px 0 0;display: grid;}.stay-facts > div{border-top: 1px solid var(--line);padding: 13px 0;}.stay-facts dt{color: var(--muted);font-size: 0.62rem;}.stay-facts dd{margin: 5px 0 0;font-size: 0.81rem;}.room-details{border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);margin-top: 10px;}.room-details summary{cursor: pointer;justify-content: space-between;align-items: center;gap: 24px;min-height: 54px;font-size: 0.76rem;list-style: none;display: flex;}.room-details summary::-webkit-details-marker{display: none;}.room-details summary > span{flex-shrink: 0;width: 12px;height: 12px;position: relative;}.room-details summary > span:before, .room-details summary > span:after{content: "";background: currentColor;width: 12px;height: 1px;position: absolute;top: 6px;left: 0;}.room-details summary > span:after{transition: transform 0.2s;transform: rotate(90deg);}.room-details[open] summary > span:after{transform: rotate(0);}.room-details summary:hover{color: var(--accent);}.room-details-content{padding: 0 0 22px;font-size: 0.78rem;}.room-details-content ul{flex-wrap: wrap;gap: 4px 18px;margin: 0 0 14px;padding: 0;list-style: none;display: flex;}.room-details-content li:before{content: "・";}.room-details-content p{color: var(--muted);font-size: 0.72rem;line-height: 1.9;}.reservation-label{letter-spacing: 0.04em;color: var(--muted);margin: 24px 0 9px;font-size: 0.6rem;}.booking-options{flex-wrap: wrap;gap: 20px;display: flex;}.booking-link{border-bottom: 1px solid var(--ink);justify-content: space-between;align-items: center;gap: 30px;min-width: 125px;padding: 10px 0 9px;font-size: 0.83rem;display: flex;}.booking-link:after{content: "↗";font-size: 1.3rem;transition: transform 0.25s;}.booking-link:hover:after{transform: translate(3px, -3px);}.booking-link:hover{color: var(--accent);}.place--takanawa{--room-colour: #e4b18e;}.takanawa-intro{grid-template-columns: 1fr 1fr;align-items: center;gap: 14%;padding: 20px 0 40px;display: grid;}.takanawa-intro .place-tagline{margin: 0;font-size: clamp(2rem, 3.3vw, 4rem);line-height: 1.55;}.takanawa-rooms{grid-template-columns: 1fr 1fr;gap: 6%;display: grid;}.takanawa-room{min-width: 0;}.takanawa-room--102{margin-top: 90px;}.room-palette{align-items: center;gap: 22px;padding: 12px 0 22px;display: flex;}.room-palette > span:first-child{letter-spacing: -0.075em;color: #ac583f;font-size: 4.6rem;line-height: 1;}.room-palette i{background: #b65e43;border-radius: 50%;width: 45px;height: 45px;margin-left: auto;}.room-palette > span:last-child{letter-spacing: 0.08em;max-width: 72px;font-size: 0.56rem;line-height: 1.5;}.takanawa-room--102 .room-palette > span:first-child{color: #877029;}.takanawa-room--102 .room-palette i{background: #e6c765;border-radius: 0;}.takanawa-room h5{letter-spacing: -0.025em;margin: 23px 0 7px;font-size: 1.3rem;font-weight: 400;line-height: 1.5;}.room-colour-copy{color: var(--muted);font-size: 0.81rem;}.place--two-rooms > .room-details{max-width: 640px;margin: 38px 0 0 auto;}.area-intro{text-align: center;background: #e5e9d9;margin: 125px 0 50px;padding: 70px 20px;}.area-intro > p:first-child{letter-spacing: 0.12em;margin-bottom: 22px;font-size: 0.62rem;}.area-intro h3{text-wrap: balance;letter-spacing: -0.04em;font-size: clamp(1.6rem, 3vw, 3.3rem);font-weight: 400;}.area-intro > p:last-child{margin-top: 22px;font-size: 0.79rem;line-height: 1.9;}.place--komorebi{--room-colour: #d3bea2;}.place--komorebi .chapter-number{border-radius: 0;}.place--komorebi .place-layout{display: block;}.place--komorebi .place-photo img{aspect-ratio: 2.1;object-position: center 55%;}.place--komorebi .place-detail{grid-template-columns: 1fr 1fr;column-gap: 12%;max-width: 1120px;margin: 46px auto 0;display: grid;}.place--komorebi .place-tagline{grid-area: 1/1/3;font-size: clamp(1.7rem, 3vw, 3.4rem);}.place--komorebi .place-description{grid-column: 2;}.place--komorebi .stay-facts{grid-area: 3/1;align-self: start;margin-top: 0;}.place--komorebi .room-details{grid-area: 2/2/4;align-self: start;margin: 24px 0 0;}.place--komorebi .reservations{grid-column: 2;}.place--aria-hatsudai{--room-colour: #bed4b6;}.place--aria-hatsudai .chapter-number{border-radius: 0 50% 50% 0;}.place--aria-hatsudai .place-layout{grid-template-columns: 1fr 1.5fr;gap: 8%;}.place--aria-hatsudai .place-photo{grid-area: 1/2;}.place--aria-hatsudai .place-detail{grid-area: 1/1;}.places-note{text-align: center;color: var(--muted);margin-top: 85px;font-size: 0.69rem;}.approach{background: #e2e8d5;}.approach-heading{grid-template-columns: 1fr 1fr;align-items: center;gap: 10%;padding: 65px 0;display: grid;}.approach-heading h3, .company h3{letter-spacing: -0.05em;font-size: clamp(2.1rem, 3.8vw, 4.5rem);font-weight: 400;line-height: 1.6;}.approach-heading > p{font-size: 0.9rem;line-height: 2;}.approach-list{grid-template-columns: repeat(3, 1fr);gap: 5%;display: grid;}.approach-list article{border-top: 1px solid #acb69b;padding-top: 23px;}.item-number{margin-bottom: 22px;font-size: 0.62rem;display: block;}.approach-list h4{margin-bottom: 18px;font-size: 1.23rem;font-weight: 400;line-height: 1.6;}.approach-list p{font-size: 0.83rem;line-height: 2.1;}.company-content{grid-template-columns: 1fr 1fr;gap: 10%;padding-top: 65px;display: grid;}.company-caption{letter-spacing: 0.08em;margin-top: 28px;font-size: 0.67rem;}.company dl{margin: 5px 0 0;}.company dl > div{border-bottom: 1px solid var(--line);grid-template-columns: 100px 1fr;gap: 22px;padding: 21px 0;font-size: 0.84rem;display: grid;}.company dt{color: var(--muted);font-size: 0.75rem;}.company dd{margin: 0;}.site-footer{padding: 48px var(--pad) 23px;background: var(--yellow);overflow: hidden;}.footer-top{justify-content: space-between;align-items: center;display: flex;}.footer-top > p{font-size: 1.1rem;}.back-top{align-items: center;gap: 20px;font-size: 0.73rem;display: flex;}.back-top > span{border: 1px solid;border-radius: 50%;place-items: center;width: 48px;height: 48px;font-size: 1rem;transition: transform 0.25s;display: grid;}.back-top:hover > span{transform: translateY(-4px);}.footer-brand{letter-spacing: -0.085em;margin-left: -0.012em;font-size: clamp(6rem, 24vw, 29rem);font-weight: 500;line-height: 1.15;display: block;}.footer-brand span{color: #65753e;}.footer-bottom{letter-spacing: 0.04em;border-top: 1px solid #b6ab5e;justify-content: space-between;gap: 20px;padding-top: 20px;font-size: 0.6rem;display: flex;}.map-credit{text-underline-offset: 4px;text-decoration: underline;}.reveal{transition: opacity 0.65s ease, transform 0.8s var(--ease);}.js-motion .reveal:not(.is-visible){opacity: 0;transform: translateY(24px);}.js-motion .reveal.is-visible{opacity: 1;transform: none;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero h1{letter-spacing: -0.065em;margin-top: 7px;font-size: clamp(4rem, 6.6vw, 8rem);line-height: 1.07;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero-mission{margin-top: 36px;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .statement{font-size: clamp(2.8rem, 4.25vw, 5.5rem);line-height: 1.12;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .place-tagline{line-height: 1.35;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .about-copy h3{line-height: 1.45;}@media (min-width: 1700px){.hero-spread{min-height: 750px;}.hero-visual > picture, .hero-image{min-height: 600px;}.cover-detail{margin-top: 60px;}.cover-detail img{width: 180px;height: 180px;}.cover-link, .hero-mission{font-size: 1rem;}}@media (max-width: 1200px){.header-caption{display: none;}.hero-spread{grid-template-columns: 44% 56%;min-height: 560px;}.hero h1{font-size: 5.5vw;}.hero-kicker{margin-bottom: 40px;font-size: 0.6rem;}.hero-visual > picture, .hero-image{min-height: 430px;}.folio-copy{padding: 20px;}.folio-link{grid-area: auto/1;justify-self: start;margin-top: 6px;}.folio-copy h2{font-size: 1.2rem;}.cover-detail img{width: 110px;height: 110px;}.stay-folio{grid-template-columns: 14% 86%;}.folio-invitation{font-size: 0.75rem;}.scene-switcher button{grid-template-columns: 30px 1fr;gap: 9px;padding: 9px;}.select-shape{width: 24px;height: 24px;}.select-brand{font-size: 0.59rem;}.select-area{font-size: 0.56rem;}.places-heading{grid-template-columns: 1fr 1fr;gap: 10%;padding-bottom: 65px;}.folio-map{display: none;}.section-shell{padding-top: 85px;padding-bottom: 85px;}.about-layout{gap: 7%;}.place-layout{grid-template-columns: 1.4fr 1fr;gap: 5%;}.place-tagline{font-size: 1.8rem;}.place-description{font-size: 0.8rem;}.journal-photo figcaption{flex-direction: column;gap: 3px;}.booking-options{gap: 14px;}.booking-link{min-width: 110px;}.place--aria-hatsudai .place-layout{grid-template-columns: 1fr 1.3fr;gap: 6%;}}@media (max-width: 1000px){.desktop-nav{display: none;}.language-nav{margin-left: auto;}.menu-toggle{background: 0 0;border: 0;align-items: center;gap: 12px;padding: 12px 0 12px 8px;font-size: 0.7rem;display: flex;}.menu-lines{border-top: 1px solid;border-bottom: 1px solid;width: 22px;height: 9px;position: relative;}.menu-toggle[aria-expanded="true"] .menu-lines{border-bottom: 0;height: 0;transform: rotate(45deg);}.menu-toggle[aria-expanded="true"] .menu-lines:after{content: "";border-top: 1px solid;width: 22px;position: absolute;top: -1px;left: 0;transform: rotate(90deg);}.mobile-menu:not([hidden]){top: var(--header-height, 80px);background: var(--paper);padding: 15px var(--pad) 28px;z-index: 39;border-bottom: 1px solid var(--line);flex-direction: column;display: flex;position: fixed;left: 0;right: 0;box-shadow: 0 12px 25px #26322212;}.mobile-menu a{border-bottom: 1px solid var(--line);justify-content: space-between;padding: 17px 0;font-size: 1rem;display: flex;}.mobile-menu a > span{font-size: 0.65rem;}.hero-kicker{letter-spacing: 0.04em;}.hero-spread{min-height: 540px;}.hero h1{font-size: 5.35vw;}.cover-detail{margin-top: 32px;}.cover-detail img{width: 100px;height: 100px;}.hero-mission{font-size: 0.75rem;}.cover-link{gap: 14px;font-size: 0.73rem;}.cover-edition{display: none;}.hero-visual > picture, .hero-image{min-height: 390px;}.hero-visual > figcaption{font-size: 0.5rem;left: 16px;}.hero-visual:before{width: 30px;height: 30px;top: 16px;right: 16px;}.stay-folio{grid-template-columns: 1fr;gap: 14px;}.folio-invitation br{display: none;}.folio-invitation{font-size: 0.69rem;}.scene-switcher button{min-height: 62px;padding: 9px 8px;}.scene-switcher{gap: 9px;}.hero-bottom > span:last-child{display: none;}.about-layout{gap: 8%;padding-top: 50px;}.statement{font-size: 3.6vw;}.brand-reference{gap: 15px;}.brand-reference img{width: 102px;}.brand-reference figcaption small{font-size: 0.6rem;}.brand-reference figcaption p{font-size: 0.85rem;}.about-copy h3{font-size: 1.6rem;}.about-copy p{font-size: 0.82rem;}.place-layout, .place--aria-hatsudai .place-layout{grid-template-columns: 1fr 1fr;gap: 5%;}.chapter-heading h4{font-size: 1.35rem;}.place-tagline{font-size: 1.6rem;}.stay-facts{grid-template-columns: 1fr;gap: 0;margin-top: 20px;}.stay-facts > div{align-items: baseline;gap: 12px;padding: 10px 0;display: flex;}.stay-facts dd{font-size: 0.73rem;}.stay-facts dt{min-width: 55px;}.takanawa-intro{gap: 8%;}.takanawa-intro .place-tagline{font-size: 2rem;}.room-palette > span:first-child{font-size: 3.7rem;}.room-palette i{width: 35px;height: 35px;}.takanawa-room h5{font-size: 1.15rem;}.room-colour-copy{font-size: 0.75rem;}.approach-list{gap: 4%;}.approach-list h4{font-size: 1.02rem;}.approach-list p{font-size: 0.75rem;}.company dl > div{grid-template-columns: 75px 1fr;gap: 15px;font-size: 0.78rem;}.company dt{font-size: 0.68rem;}}@media (max-width: 760px){html{scroll-padding-top: calc(var(--header-height, 68px) + 18px);}.site-header{min-height: 68px;padding: 13px var(--pad);gap: 22px;}.brand{font-size: 2rem;}.language-nav{gap: 5px;font-size: 0.65rem;}.menu-label{font-size: 0.65rem;}.menu-toggle{gap: 8px;}.menu-lines, .menu-toggle[aria-expanded="true"] .menu-lines:after{width: 18px;}.hero{padding-top: 24px;}.hero-spread{flex-direction: column;min-height: 0;display: flex;}.hero-heading{grid-template-columns: 1fr 100px;gap: 0 15px;padding: 0 0 27px;display: grid;}.hero-kicker{letter-spacing: 0.085em;grid-column: 1/-1;margin-bottom: 20px;font-size: 0.52rem;}.hero h1{letter-spacing: -0.065em;grid-column: 1/-1;margin: 0;font-size: clamp(2.5rem, 8.9vw, 4.5rem);line-height: 1.4;}.hero h1 > span{margin-left: 1.25em;}.hero-mission{grid-column: 1;align-self: end;margin: 20px 0 0;font-size: 0.69rem;line-height: 1.9;}.cover-link{display: none;}.cover-detail{grid-area: 3/2;justify-content: end;align-self: end;margin: 0;}.cover-detail img{width: 77px;height: 77px;}.cover-detail > span{display: none;}.hero-visual{min-height: 0;}.hero-visual > picture{flex: none;height: auto;min-height: 0;}.hero-image{aspect-ratio: 1.46;object-position: center;height: auto;min-height: 0;}.hero-visual:before{width: 27px;height: 27px;top: 14px;right: 14px;}.hero-visual > figcaption{font-size: 0.49rem;top: 15px;left: 15px;right: 60px;}.folio-copy{grid-template-columns: 1fr auto;gap: 0 12px;padding: 15px 17px;}.folio-location{margin-bottom: 4px;font-size: 0.58rem;}.folio-copy h2{letter-spacing: -0.025em;font-size: 0.99rem;}.folio-property{display: none;}.folio-spec{margin-top: 3px;font-size: 0.57rem;}.folio-link{border: 0;grid-area: 1/2/4;align-self: center;gap: 8px;max-width: 75px;margin: 0;font-size: 0.59rem;}.link-line{flex-shrink: 0;width: 15px;}.stay-folio{gap: 13px;margin-top: 18px;padding: 13px 0 14px;}.folio-invitation{font-size: 0.61rem;}.scene-switcher{grid-template-columns: 1fr 1fr;gap: 7px;}.scene-switcher button{grid-template-columns: 30px 1fr;gap: 12px;min-height: 57px;padding: 9px 10px;}.select-brand, .select-area{font-size: 0.54rem;}.select-number{font-size: 0.43rem;top: 2px;right: 5px;}.select-shape{width: 24px;height: 24px;}.hero-bottom{padding: 16px 0;font-size: 0.49rem;}.hero-bottom a{gap: 9px;}.hero-bottom a > span{height: 13px;}.section-shell{padding: 64px var(--pad);}.section-marker{gap: 12px;padding-top: 15px;}.section-marker h2{font-size: 0.69rem;}.section-marker > span:first-child{font-size: 0.55rem;}.section-marker > span:last-child{letter-spacing: 0.03em;font-size: 0.48rem;}.about-layout{padding: 36px 0 44px;display: block;}.statement{letter-spacing: -0.06em;font-size: 2.45rem;line-height: 1.45;}.brand-reference{gap: 22px;margin: 25px 0 0;}.brand-reference img{width: 98px;}.brand-reference figcaption > span{font-size: 0.5rem;}.brand-reference figcaption p{font-size: 0.92rem;}.brand-reference figcaption small{font-size: 0.64rem;}.about-copy{max-width: 100%;padding-top: 36px;}.about-copy h3{margin-bottom: 20px;font-size: 1.65rem;line-height: 1.65;}.about-copy p{margin-bottom: 17px;font-size: 0.83rem;line-height: 2.15;}.about-copy p:last-child{margin-bottom: 0;}.journal-heading{margin-bottom: 21px;font-size: 0.58rem;display: block;}.journal-heading > span{margin-top: 8px;font-size: 0.68rem;display: block;}.journal-spread{grid-template-rows: auto auto;grid-template-columns: 1fr 1fr;gap: 26px 22px;}.journal-spread:before{width: 45%;top: 44%;left: 30%;}.journal-photo--light{grid-area: 1/1 / auto/-1;margin: 0 14% 0 0;}.journal-photo--colour{grid-area: 2/1;margin-top: 13px;padding: 0;}.journal-photo--table{grid-area: 2/2;margin-top: 63px;padding: 0;}.journal-photo figcaption{gap: 5px;margin-top: 10px;font-size: 0.64rem;}.journal-photo figcaption > span:last-child{white-space: normal;font-size: 0.45rem;}.journal-photo--light figcaption{flex-direction: row;}.journal-footer{margin-top: 29px;display: block;}.journal-footer p{font-size: 0.6rem;}.journal-footer p > span{font-size: 0.52rem;}.journal-footer a{margin-top: 18px;font-size: 0.7rem;display: inline-block;}.places{padding-top: 18px;}.places-heading{padding: 34px 0 45px;display: block;}.places-heading h3{margin-bottom: 27px;font-size: 2.05rem;line-height: 1.5;}.places-heading > div > p{font-size: 0.7rem;}.district-index{margin-top: 13px;}.district-index a{padding: 13px 0;font-size: 0.69rem;}.place{padding-top: 12px;scroll-margin-top: 14px;}.place + .place{margin-top: 64px;}.chapter-heading{flex-wrap: wrap;gap: 13px;padding: 22px 0;}.chapter-number{width: 33px;height: 33px;font-size: 0.61rem;}.chapter-heading h4{max-width: calc(100% - 50px);font-size: 1.14rem;}.chapter-ward{flex-basis: 100%;margin-top: -8px;margin-left: 46px;font-size: 0.62rem;}.place-layout, .place--aria-hatsudai .place-layout{flex-direction: column;align-items: stretch;gap: 26px;display: flex;}.place-photo img{aspect-ratio: 1.43;}.photo-caption{margin-top: 9px;font-size: 0.5rem;}.place-tagline{margin-bottom: 19px;font-size: 1.65rem;line-height: 1.65;}.place-description{font-size: 0.81rem;line-height: 2.1;}.stay-facts{grid-template-columns: 1fr 1fr;gap: 18px;margin-top: 23px;}.stay-facts > div{padding: 11px 0;display: block;}.stay-facts dt{font-size: 0.58rem;}.stay-facts dd{font-size: 0.75rem;}.room-details summary{min-height: 52px;font-size: 0.73rem;}.room-details-content{font-size: 0.72rem;}.room-details-content p{font-size: 0.68rem;}.booking-options{gap: 26px;}.booking-link{min-width: 125px;padding: 9px 0;font-size: 0.83rem;}.reservation-label{margin-top: 24px;}.takanawa-intro{padding: 5px 0 24px;display: block;}.takanawa-intro .place-tagline{margin-bottom: 20px;font-size: 1.8rem;}.takanawa-intro .place-description{font-size: 0.81rem;}.takanawa-rooms{display: block;}.takanawa-room--102{margin-top: 45px;}.room-palette{gap: 18px;padding: 12px 0 19px;}.room-palette > span:first-child{font-size: 3.75rem;}.room-palette i{width: 38px;height: 38px;}.room-palette > span:last-child{max-width: none;font-size: 0.52rem;}.takanawa-room h5{margin-top: 21px;font-size: 1.26rem;}.room-colour-copy{font-size: 0.76rem;}.takanawa-room .reservation-label{margin-top: 22px;}.place--two-rooms > .room-details{margin-top: 34px;}.area-intro{margin: 68px 0 27px;padding: 43px 20px;}.area-intro > p:first-child{margin-bottom: 17px;font-size: 0.55rem;}.area-intro h3{text-wrap: balance;letter-spacing: -0.045em;font-size: 1.3rem;}.area-intro > p:last-child{margin-top: 18px;font-size: 0.69rem;}.place--komorebi .place-photo img{aspect-ratio: 1.43;}.place--komorebi .place-detail{margin-top: 27px;display: block;}.place--komorebi .place-tagline{font-size: 1.65rem;}.place--komorebi .stay-facts{margin-top: 23px;}.place--komorebi .room-details{margin-top: 10px;}.places-note{text-align: left;margin-top: 55px;font-size: 0.62rem;line-height: 1.9;}.approach-heading{padding: 37px 0 32px;display: block;}.approach-heading h3, .company h3{font-size: 2.05rem;line-height: 1.55;}.approach-heading > p{margin-top: 24px;font-size: 0.79rem;}.approach-list{display: block;}.approach-list article{gap: 24px;padding: 22px 0;display: flex;}.item-number{margin: 0;padding-top: 4px;font-size: 0.58rem;}.approach-list h4{margin-bottom: 11px;font-size: 1.11rem;}.approach-list p{font-size: 0.78rem;line-height: 2;}.company-content{padding-top: 36px;display: block;}.company-caption{margin-top: 20px;font-size: 0.56rem;}.company dl{margin-top: 30px;}.company dl > div{grid-template-columns: 75px 1fr;gap: 14px;padding: 18px 0;font-size: 0.79rem;}.company dt{font-size: 0.65rem;}.site-footer{padding: 32px var(--pad) 20px;}.footer-top > p{font-size: 0.9rem;}.back-top{gap: 10px;font-size: 0.6rem;}.back-top > span{width: 39px;height: 39px;font-size: 0.52rem;}.footer-brand{margin: 22px 0 24px -0.02em;font-size: 23.8vw;line-height: 1.3;}.footer-bottom{flex-wrap: wrap;gap: 14px;padding-top: 18px;font-size: 0.49rem;}.map-credit{flex-basis: 100%;order: 3;font-size: 0.46rem;}.footer-bottom > span:last-child{margin-left: auto;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero h1{letter-spacing: -0.06em;margin: 0;font-size: clamp(2.8rem, 11.6vw, 5rem);line-height: 1.06;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero h1 > span{margin-left: 0.36em;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero-mission{margin-top: 23px;font-size: 0.68rem;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .statement{font-size: 2.8rem;line-height: 1.09;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .about-copy h3{font-size: 1.8rem;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .takanawa-intro .place-tagline{font-size: 2rem;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .room-palette > span:last-child{font-size: 0.51rem;}}@media (max-width: 370px){.site-header{gap: 15px;}.menu-label{display: none;}.hero h1{font-size: 9vw;}.hero-heading{grid-template-columns: 1fr 70px;gap: 0 9px;}.hero-mission{font-size: 0.61rem;}.cover-detail img{width: 64px;height: 64px;}.folio-copy{padding: 13px 12px;}.folio-copy h2{font-size: 0.84rem;}.folio-link{gap: 4px;max-width: 64px;font-size: 0.52rem;}.scene-switcher button{grid-template-columns: 24px 1fr;gap: 9px;padding: 9px 6px;}.select-brand, .select-area{font-size: 0.48rem;}.select-shape{width: 21px;height: 21px;}.hero-bottom{font-size: 0.43rem;}.statement{font-size: 2.05rem;}.chapter-heading h4{font-size: 1rem;}.room-palette > span:last-child{max-width: 75px;}.booking-link{min-width: 112px;}.booking-options{gap: 20px;}.section-marker > span:last-child{font-size: 0.43rem;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero-mission{font-size: 0.6rem;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .statement{font-size: 2.4rem;}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}*, :before, :after{transition: none !important;animation: none !important;}.js-motion .reveal:not(.is-visible){opacity: 1;transform: none;}}@media (max-width: 760px){.folio-location{grid-area: 1/1;}.folio-copy h2{grid-row: 2;}.folio-spec{grid-row: 3;}.folio-link{grid-row: 1/4;}.select-brand{font-size: 0.62rem;}.select-area{font-size: 0.56rem;}.scene-switcher button{min-height: 65px;}.folio-invitation br{display: contents;}.folio-invitation br:after{content: " ";}.hero-mission{margin-top: 12px;}.hero-heading{padding-bottom: 22px;}}@media (max-width: 370px){.select-brand{font-size: 0.55rem;}.select-area{font-size: 0.49rem;}}.desktop-nav{font-size: 0.875rem;}.select-brand, .select-area{font-size: 0.75rem;}.scene-switcher button{min-height: 86px;}.select-number{font-size: 0.625rem;}.folio-location, .folio-spec{font-size: 0.75rem;}.folio-property, .folio-link{font-size: 0.84rem;}.hero-visual > figcaption, .hero-bottom{font-size: 0.7rem;}.about-copy p{font-size: 1rem;line-height: 2;}.place-description{font-size: 0.94rem;line-height: 2;}.room-colour-copy{font-size: 0.9rem;}.room-details summary, .room-details-content{font-size: 0.85rem;}.room-details-content p{font-size: 0.8rem;}.reservation-label{font-size: 0.72rem;}.photo-caption, .journal-photo figcaption > span:last-child, .journal-footer p{font-size: 0.69rem;}.journal-footer p > span{font-size: 0.64rem;}.chapter-ward{font-size: 0.8rem;}.district-index a{font-size: 0.81rem;}.approach-list p{font-size: 0.9rem;}.company dl > div{font-size: 0.91rem;}.company dt{font-size: 0.8rem;}.folio-invitation{font-size: 0.88rem;}.section-shell[id]{scroll-margin-top: -50px;}@media (max-width: 1200px){.select-brand, .select-area{font-size: 0.69rem;}.scene-switcher button{min-height: 86px;}.hero-visual > figcaption{font-size: 0.6rem;}.folio-link{font-size: 0.8rem;}.place-description{font-size: 0.88rem;}}@media (max-width: 760px){.hero-mission, html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero-mission{font-size: 0.82rem;line-height: 1.9;}.hero-heading{grid-template-columns: 1fr 77px;}.hero-kicker{font-size: 0.64rem;}.hero-visual > figcaption{font-size: 0.57rem;}.folio-location, .folio-spec{font-size: 0.75rem;}.folio-copy h2{font-size: 1rem;}.folio-copy{grid-template-columns: minmax(0, 1fr) 80px;padding: 17px 14px;}.folio-link{gap: 8px;max-width: 80px;font-size: 0.8rem;}.folio-invitation{font-size: 0.8rem;}.scene-switcher button{grid-template-columns: 25px minmax(0, 1fr);gap: 10px;min-height: 86px;padding: 12px 8px;}.select-brand, .select-area{font-size: 0.75rem;}.select-number{font-size: 0.56rem;top: 0;right: 5px;}.select-shape{width: 23px;height: 23px;}.hero-bottom{font-size: 0.61rem;}.hero-bottom > span:first-child{max-width: 42%;}.hero-bottom a{font-size: 0.55rem;}.about-copy p{font-size: 0.94rem;line-height: 2.05;}.journal-photo figcaption{font-size: 0.75rem;}.journal-photo figcaption > span:last-child{font-size: 0.56rem;}.journal-footer p{font-size: 0.69rem;}.journal-footer p > span{font-size: 0.64rem;}.journal-footer a{font-size: 0.82rem;}.place-description, .takanawa-intro .place-description{font-size: 0.9rem;line-height: 2;}.chapter-ward{font-size: 0.75rem;}.photo-caption{font-size: 0.63rem;}.stay-facts dt{font-size: 0.7rem;}.stay-facts dd{font-size: 0.86rem;}.room-details summary{font-size: 0.83rem;}.room-details-content, .room-details-content p{font-size: 0.8rem;}.room-colour-copy{font-size: 0.85rem;}.booking-link{font-size: 0.94rem;}.reservation-label{font-size: 0.73rem;}.places-heading > div > p{font-size: 0.84rem;}.district-index a, .area-intro > p:last-child{font-size: 0.82rem;}.approach-heading > p, .approach-list p, .company dl > div{font-size: 0.9rem;}.company dt{font-size: 0.75rem;}.places-note{font-size: 0.78rem;}.section-shell[id]{scroll-margin-top: -25px;}}@media (max-width: 370px){.hero-heading{grid-template-columns: 1fr 62px;}.cover-detail img{width: 62px;height: 62px;}.hero-mission, html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero-mission{font-size: 0.78rem;}.folio-copy{grid-template-columns: 1fr;gap: 4px;}.folio-copy h2{font-size: 1rem;}.folio-link{border-bottom: 1px solid;grid-area: 4/1;justify-self: start;max-width: none;margin-top: 4px;padding: 4px 0;font-size: 0.82rem;}.select-brand, .select-area{font-size: 0.75rem;}.scene-switcher button{grid-template-columns: 1fr;align-content: start;gap: 10px;padding: 27px 9px 11px;}.select-number{top: 8px;right: 8px;}.select-shape{width: 14px;height: 14px;position: absolute;top: 7px;left: 10px;}.select-shape:after{inset: 3px -3px -3px 3px;}.hero-kicker{font-size: 0.55rem;}.hero-visual > figcaption{font-size: 0.48rem;}}.hero-visual > figcaption.sr-only{width: 1px;height: 1px;margin: -1px;position: absolute;top: auto;left: auto;right: auto;}.cover-edition{display: none;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero h1{font-size: clamp(3.9rem, 5.9vw, 7.4rem);}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero h1 > span{margin-left: 0.12em;}.folio-link{font-size: 0.875rem;}@media (max-width: 760px){html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero h1{font-size: clamp(2.5rem, 9.5vw, 4.5rem);line-height: 1.12;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero h1 > span{margin-left: 0.12em;}.folio-link{font-size: 0.8125rem;}.hero-mission, html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero-mission{font-size: 0.875rem;}}@media (max-width: 370px){.hero-heading{grid-template-columns: 1fr;}.cover-detail{display: none;}.hero-mission, html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero-mission{font-size: 0.875rem;}.folio-link{max-width: none;}}.select-number{color: #444f3d;}@media (min-width: 761px) and (max-width: 1200px){html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .hero h1{white-space: normal;max-width: calc(100% - 16px);margin-right: 0;font-size: clamp(2.6rem, 5.6vw, 4.2rem);}.hero h1{white-space: normal;max-width: calc(100% - 12px);margin-right: 0;}.hero h1 > span{margin-left: 0.35em;}.hero-kicker{max-width: 95%;}.folio-copy h2{overflow-wrap: anywhere;}.scene-switcher button{grid-template-columns: 28px minmax(0, 1fr);}}html{scrollbar-gutter: stable;}.hero h1{white-space: normal;max-width: 100%;margin-right: 0;}.site-header{flex-wrap: wrap;}.place-photo picture, .journal-photo picture{position: relative;}@media (min-width: 371px) and (max-width: 760px){.folio-copy{grid-template-columns: minmax(0, 1fr) 90px;column-gap: 10px;}.folio-link{max-width: none;gap: 8px;}.folio-link > span:first-child{min-width: 0;white-space: normal;overflow-wrap: anywhere;line-height: 1.45;}}.company dt, .company dd{overflow-wrap: anywhere;}.stay-folio{margin-inline: calc(-1 * var(--pad));padding: 26px var(--pad);background: var(--yellow);border: 0;}.scene-switcher button:hover{background: #ffffff40;}.scene-switcher button[aria-pressed="true"]{background: #f6f4eb;}.scene-switcher button:hover .select-shape:after, .scene-switcher button[aria-pressed="true"] .select-shape:after{transform: translate(-3px, -3px);}.about-layout{grid-template-columns: 0.9fr 1.1fr;align-items: center;gap: 12%;}.about-title{display: flex;justify-content: center;}.brand-reference{display: block;margin: 0;max-width: 330px;text-align: center;}.brand-reference img{width: 280px;height: auto;mix-blend-mode: multiply;}.brand-reference figcaption{margin-top: 28px;}.brand-reference figcaption > span{font-size: 0.75rem;}.brand-reference figcaption p{font-size: 1.15rem;}.brand-reference figcaption small{font-size: 0.8rem;}.about-copy .statement{margin-bottom: 28px;font-size: clamp(2.5rem, 4.1vw, 4.8rem);line-height: 1.45;}html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"]) .about-copy .statement{line-height: 1.12;}@media (max-width: 760px){.stay-folio{padding: 20px var(--pad);}.about-layout{display: flex;flex-direction: column;gap: 40px;}.about-title{order: 2;width: 100%;}.brand-reference{display: flex;align-items: center;gap: 22px;max-width: 100%;text-align: left;}.brand-reference img{width: min(45vw, 190px);}.brand-reference figcaption{margin: 0;}.brand-reference figcaption p{font-size: 1rem;}.brand-reference figcaption small{font-size: 0.75rem;}.about-copy .statement{font-size: clamp(2.3rem, 8.5vw, 3.3rem);}}.places-heading{grid-template-columns: 1.05fr 1fr;gap: 12%;padding-bottom: 48px;}.folio-map.transport-guide{display: block;width: 100%;max-width: none;margin: 0 0 70px;padding: 38px 42px 26px;background: #e8ecdc;}.transport-grid{display: grid;grid-template-columns: 1fr 1.1fr;align-items: center;gap: 7%;}.transport-copy .eyebrow{font-size: 0.75rem;letter-spacing: 0.12em;}.transport-copy h4{font-weight: 400;font-size: clamp(1.7rem, 2.4vw, 3rem);letter-spacing: -0.04em;line-height: 1.4;margin: 15px 0 18px;}.transport-copy > p:not(.eyebrow){font-size: 1rem;line-height: 1.9;}.transport-copy nav{margin-top: 26px;}.area-key{display: flex;gap: 18px;align-items: center;border-top: 1px solid #b9c2ab;padding: 17px 0;}.area-key > span{width: 20px;height: 20px;background: #a8c47a;flex-shrink: 0;position: relative;}.area-key > span:after{content: "";border: 1px solid var(--ink);border-left-color: transparent;position: absolute;inset: 3px -3px -3px 3px;}.area-key[data-map-area="shinbamba"] > span{border-radius: 50%;}.area-key[data-map-area="shinbamba"] > span:after{border-radius: 50%;}.area-key[data-map-area="takanawa"] > span{background: var(--yellow);border-radius: 50% 50% 0 0;}.area-key strong{display: block;font-weight: 500;font-size: 1rem;}.area-key small{display: block;font-size: 0.75rem;margin-top: 3px;}.area-key:hover strong{text-decoration: underline;text-underline-offset: 4px;}.transport-figure{min-width: 0;}.transport-figure .atlas-map{display: block;overflow: visible;max-width: 560px;margin: auto;}.transit-track{fill: none;stroke-width: 4.5;stroke-linecap: round;}.route-0{stroke: #527a28;background: #527a28;}.route-1{stroke: #984467;background: #984467;}.route-2{stroke: #1855bd;background: #1855bd;}.transit-area{fill: #a8c47a;opacity: 0.5;}.transit-station{fill: #f6f4eb;stroke: #262c25;stroke-width: 2;}.transit-minor{stroke-width: 1.2;}.transit-label{fill: #262c25;font-family: var(--sans);font-size: 22px;paint-order: stroke;stroke: #e8ecdc;stroke-width: 7px;stroke-linejoin: round;}.transport-legend{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px 20px;font-size: 0.75rem;}.transport-legend > span{display: flex;align-items: center;gap: 8px;}.transport-legend i{width: 20px;height: 3px;}.station-routes{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0 28px;margin: 30px 0 16px;}.station-routes > div{border-top: 1px solid #b9c2ab;padding: 13px 0;}.station-routes dt{font-size: 0.875rem;}.station-routes dd{font-size: 0.8rem;margin: 4px 0 0;line-height: 1.6;}@media (max-width: 1000px){.transport-grid{gap: 3%;}.folio-map.transport-guide{padding: 30px;}.transport-copy > p:not(.eyebrow){font-size: 0.9rem;}}@media (max-width: 760px){.places-heading{display: block;padding-bottom: 32px;}.folio-map.transport-guide{margin: 0 calc(-1 * var(--pad)) 42px;width: calc(100% + 2 * var(--pad));padding: 30px var(--pad) 24px;}.transport-grid{display: flex;flex-direction: column;gap: 22px;}.transport-copy{width: 100%;}.transport-copy h4{font-size: 1.8rem;}.transport-copy nav{margin-top: 22px;}.area-key{padding: 13px 0;}.transport-figure{width: 100%;}.station-routes{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0 18px;margin-top: 24px;}.station-routes dt{font-size: 0.875rem;overflow-wrap: anywhere;}.station-routes dd{font-size: 0.8rem;}.transit-label{font-size: 23px;}}details.language-nav{position: relative;display: block;flex-shrink: 0;}.language-nav summary{display: flex;align-items: center;gap: 10px;cursor: pointer;list-style: none;min-height: 44px;font-size: 0.875rem;}.language-nav summary::-webkit-details-marker{display: none;}.language-nav summary i{flex-shrink: 0;width: 6px;height: 6px;border-right: 1px solid;border-bottom: 1px solid;transform: rotate(45deg) translateY(-2px);}.language-nav[open] summary i{transform: rotate(225deg) translate(-2px, -2px);}.language-nav > nav{position: absolute;top: calc(100% + 10px);right: 0;width: 210px;padding: 8px 16px;border: 1px solid var(--line);background: var(--paper);box-shadow: 0 8px 24px #262c2514;}.language-nav nav a{min-height: 46px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid var(--line);font-size: 0.875rem;}.language-nav nav a:last-child{border-bottom: 0;}.language-nav nav a > span{font-size: 0.75rem;color: var(--muted);}.language-nav nav a[aria-current="page"]{color: var(--accent);font-weight: 600;}.language-nav nav a:after{display: none;}html[lang="zh-Hant"]{--sans: "DM Sans", "PingFang TC", "Microsoft JhengHei", sans-serif;}html[lang="zh-Hant"] .hero h1{letter-spacing: -0.04em;}html[lang="zh-Hant"] .about-copy p{line-height: 2;}@media (max-width: 760px){.language-nav summary{font-size: 0.8rem;gap: 7px;}.site-header{gap: 18px;}.language-nav > nav{right: -18px;}}.shinagawa-intro{display: grid;grid-template-columns: 0.9fr 1.1fr;gap: 12%;align-items: start;margin-bottom: 56px;}.shinagawa-intro .place-tagline{font-size: clamp(1.8rem, 2.8vw, 3.2rem);line-height: 1.65;}.shinagawa-overview{min-width: 0;}.shinagawa-overview-photo{margin: 30px 0 0;max-width: 520px;}.shinagawa-overview-photo picture{display: block;background: var(--paper);}.shinagawa-overview-photo img{display: block;width: 100%;height: auto;aspect-ratio: 1.65;object-fit: cover;}.shinagawa-overview-photo figcaption{display: flex;justify-content: space-between;gap: 16px;margin-top: 11px;font-size: 0.65rem;letter-spacing: 0.09em;color: var(--muted);}@media (max-width: 760px){.shinagawa-overview-photo{margin: 22px 0 30px;max-width: none;}}.shinagawa-intro .place-detail{padding: 0;}.shinagawa-intro .place-description{margin: 0;}.room-gallery{scroll-margin-top: 0;}.room-gallery-heading{display: flex;justify-content: space-between;align-items: end;gap: 30px;margin-bottom: 25px;}.room-gallery-heading > div > p{font-size: 0.75rem;letter-spacing: 0.1em;}.room-gallery-heading h5{text-wrap: balance;font-size: clamp(1.5rem, 2.2vw, 2.8rem);font-weight: 400;letter-spacing: -0.035em;margin-top: 9px;}.room-instruction{font-size: 0.8rem;max-width: 300px;}.room-tabs{display: grid;grid-template-columns: repeat(7, minmax(0, 1fr));gap: 16px;margin: 0 0 30px;}.room-tab{display: flex;flex-direction: column;align-items: stretch;min-width: 0;border: 0;border-bottom: 2px solid transparent;background: none;text-align: left;padding: 0 0 12px;}.room-tab > span:first-child{display: block;overflow: hidden;}.room-tab img{width: 100%;aspect-ratio: 1.5;object-fit: cover;height: auto;transition: transform 0.25s var(--ease);}.room-tab > span:nth-child(2){display: block;margin-top: 10px;font-size: 0.875rem;}.room-tab small{display: block;font-size: 0.75rem;line-height: 1.5;margin-top: 3px;}.room-tab .room-tab-facts{display: flex;flex-wrap: wrap;gap: 1px 10px;margin-top: auto;padding-top: 9px;font-size: 0.875rem;font-weight: 600;font-variant-numeric: tabular-nums;line-height: 1.6;}.room-tab-facts > span{overflow-wrap: anywhere;white-space: normal;}.room-tab[aria-selected="true"]{border-color: var(--ink);}.room-tab[aria-selected="true"] > span:nth-child(2):after{content: "";display: inline-block;height: 8px;width: 8px;margin-left: 9px;border-radius: 50%;background: var(--accent);}.room-tab:hover img{transform: scale(1.035);}.room-tab:focus-visible{outline-offset: 4px;}.room-panel{display: grid;grid-template-columns: 1.55fr 1fr;gap: 6%;align-items: center;}.room-photo{min-width: 0;}.room-photo picture{position: relative;overflow: hidden;}.room-photo img{width: 100%;aspect-ratio: 1.5;object-fit: cover;height: auto;}.room-photo .photo-caption{margin-top: 12px;}.room-code{font-size: 0.75rem;letter-spacing: 0.08em;}.room-copy h6{font-size: clamp(1.7rem, 2.3vw, 3.2rem);font-weight: 400;letter-spacing: -0.04em;line-height: 1.4;margin: 17px 0 18px;}.room-spec{font-size: 0.9rem;padding: 13px 0;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}.room-description{font-size: 1rem;line-height: 1.95;margin: 22px 0;}.room-booking{display: inline-block;font-size: 0.875rem;border-bottom: 1px solid;padding: 10px 0;}.room-booking:hover{color: var(--accent);}.room-gallery-note{font-size: 0.75rem;line-height: 1.9;color: var(--muted);margin-top: 26px;max-width: 850px;}.room-gallery:not(.is-enhanced) .room-panel + .room-panel{margin-top: 42px;}.room-gallery[aria-busy="true"] .room-tabs{cursor: progress;}.room-status:not(.sr-only){color: var(--ink);border-left: 3px solid var(--accent);padding: 10px 15px;margin-bottom: 20px;font-size: 0.875rem;}@media (max-width: 1000px){.room-tabs{gap: 10px;}.shinagawa-intro{gap: 7%;}.room-panel{grid-template-columns: 1.3fr 1fr;gap: 5%;}}@media (max-width: 760px){.shinagawa-intro{display: block;margin-bottom: 38px;}.shinagawa-intro .place-tagline{font-size: 1.8rem;margin-bottom: 20px;}.room-gallery-heading{display: block;margin-bottom: 18px;}.room-gallery-heading h5{text-wrap: balance;font-size: 1.6rem;line-height: 1.55;}.room-instruction{font-size: 0.8rem;margin-top: 13px;}.room-tabs{display: flex;gap: 12px;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x proximity;padding: 5px 5px 13px;margin-inline: -5px;scrollbar-width: thin;scrollbar-color: var(--accent) #dfdfd2;}.room-tab{flex: 0 0 126px;scroll-snap-align: start;}.room-panel{display: block;}.room-copy{padding-top: 22px;}.room-copy h6{margin: 10px 0 18px;font-size: 1.75rem;}.room-description{margin: 18px 0;}.room-booking{font-size: 0.9rem;}.room-gallery-note{margin-top: 22px;}.place-description, .takanawa-intro .place-description, .about-copy p, .approach-list p{font-size: 1rem;}.room-details summary, .room-details-content, .room-details-content p{font-size: 0.875rem;}}.area-journey{display: flex;flex-wrap: wrap;gap: 2px 12px;margin-top: 8px;font-size: 0.8125rem;line-height: 1.6;}.area-journey strong{font-size: inherit;font-weight: 500;}.journey-note{display: flex;flex-wrap: wrap;align-items: baseline;gap: 5px 22px;margin: 0 0 32px;padding: 14px 0;border-bottom: 1px solid var(--line);font-size: 0.875rem;line-height: 1.7;}.journey-note strong{font-weight: 500;}.journey-note > span:last-child{color: var(--muted);}.area-intro .journey-note{justify-content: center;margin: 24px 0 20px;padding: 0;border: 0;font-size: 0.875rem;}.location-context{margin: -14px 0 28px;font-size: 0.9rem;line-height: 1.9;}@media (max-width: 760px){.journey-note{gap: 4px 14px;margin-bottom: 25px;}.journey-note > span:last-child{flex-basis: 100%;}.area-intro .journey-note{justify-content: flex-start;margin: 20px 0 16px;}.area-journey{font-size: 0.8125rem;}}.brand{flex: 0 1 auto;min-width: 0;padding: 12px 0;font-size: 1.4rem;font-weight: 400;letter-spacing: 0.16em;white-space: normal;}.footer-brand{margin: 30px 0 42px;font-size: clamp(2.25rem, 10.1vw, 10rem);font-weight: 400;letter-spacing: 0.14em;line-height: 1.25;white-space: nowrap;}.route-code{font: 600 0.7rem/1 var(--sans);}.route-badge .route-0{fill: #527a28;stroke: none;}.route-badge .route-2{fill: #1855bd;stroke: none;}.route-badge text{fill: #fff;font: 600 12px/1 var(--sans);stroke: none;}@media (max-width: 760px){.brand{font-size: 1.1rem;letter-spacing: 0.11em;}.footer-brand{font-size: 9.9vw;letter-spacing: 0.1em;margin: 24px 0 32px;}}@font-face{font-family: "Noto Sans KR";src: url("/assets/fonts/noto-sans-kr-0.woff2?v=b76c5412d1") format("woff2");font-style: normal;font-weight: 100 900;font-display: swap;}html[lang="ko"]{--sans: "DM Sans", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--serif: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;word-break: keep-all;}html[lang="ko"] .hero h1{font-family: var(--sans);font-weight: 500;letter-spacing: -0.045em;line-height: 1.28;}html[lang="ko"] .about-copy p{line-height: 1.9;}.language-nav > nav{max-height: calc(100dvh - var(--header-height, 86px) - 24px);overflow-y: auto;overscroll-behavior: contain;}.transport-grid{grid-template-columns: 0.9fr 1.25fr;gap: 4%;}.transport-figure .atlas-map{max-width: 650px;}.transit-label{font-size: 21px;}.route-3{stroke: #ae4c15;background: #ae4c15;}.route-4{stroke: #896800;background: #896800;}.transit-track.route-4{stroke-dasharray: 7 5;}.route-badge .route-3{fill: #ae4c15;stroke: none;}.route-badge .route-4{fill: #896800;stroke: none;}.transport-legend .route-4{background: repeating-linear-gradient( 90deg, #896800 0 6px, transparent 6px 9px );}.map-symbols{display: flex;justify-content: center;flex-wrap: wrap;gap: 12px 20px;margin-top: 16px;font-size: 0.75rem;color: var(--muted);}.map-symbols > span{display: flex;align-items: center;gap: 8px;}.map-stay-dot{width: 18px;height: 18px;background: #b5cd92;border-radius: 50%;position: relative;}.map-stay-dot:after, .map-station-dot{content: "";display: block;width: 7px;height: 7px;border: 1.5px solid var(--ink);background: var(--paper);border-radius: 50%;}.map-stay-dot:after{position: absolute;inset: 5px;}.building-note{grid-column: 2 / -1;margin: 8px 0 0;font-size: 1rem;line-height: 1.6;}@media (max-width: 760px){.transport-figure .atlas-map{width: calc(100% + 24px);max-width: none;margin: 0 -12px;}.transit-label{font-size: 23px;}.building-note{grid-column: 1 / -1;font-size: 0.95rem;}.transport-legend{gap: 10px 15px;font-size: 0.75rem;}}.company-wordmark{font-family: var(--sans);font-size: 2.4rem;font-weight: 600;letter-spacing: -0.075em;line-height: 1.1;margin-top: 28px;}.company-wordmark span{color: var(--accent);}.route-badge .route-1{fill: #984467;stroke: none;}.room-booking-options{display: flex;flex-wrap: wrap;gap: 4px 24px;margin-top: 24px;}.room-booking-options .room-booking{margin-top: 0;}.room-booking-note{font-size: 0.8rem;line-height: 1.8;color: var(--muted);margin: 22px 0 0;}.room-tab-facts .room-tab-layout{flex-basis: 100%;font-size: 0.75rem;font-weight: 500;}.room-layout{display: block;margin-top: 4px;font-size: 0.875rem;}.back-top{position: relative;}.aria-bird{position: absolute;width: 25px;height: 31px;top: -26px;right: 6px;transform-origin: 65% 90%;pointer-events: none;}.back-top:hover .aria-bird{transform: rotate(-5deg);}.brand{display: flex;align-items: center;gap: 13px;width: 220px;min-width: 148px;padding: 0;}.brand-mosaic{display: block;flex: 0 0 46px;width: 46px;height: 46px;overflow: hidden;mix-blend-mode: multiply;}.brand-mosaic img{width: 52.57px;height: auto;max-width: none;transform: translate(-3.28px, -3.28px);}.brand-lettering{display: block;width: 161px;min-width: 0;height: auto;flex: 1 1 auto;}.footer-brand{display: inline-block;width: 190px;margin: 28px 0 38px;padding: 0;line-height: 1;transform: rotate(-3deg);}.footer-brand img{display: block;width: 100%;height: auto;border: 10px solid #fff;}@media (max-width: 760px){.site-header{gap: 12px;}.brand{width: 178px;min-width: 126px;gap: 9px;}.brand-mosaic{width: 35px;height: 35px;flex-basis: 35px;}.brand-mosaic img{width: 40px;transform: translate(-2.5px, -2.5px);}.brand-lettering{width: 134px;}.footer-brand{width: 130px;margin: 22px 0 32px;}.footer-brand img{border-width: 7px;}}@media (max-width: 760px){.site-header{display: grid;grid-template-columns: minmax(0, 1fr) auto auto;gap: 10px;}.site-header .brand{width: 100%;max-width: 178px;min-width: 0;grid-column: 1;}.site-header .brand-lettering{width: 0;flex: 1 1 0;}.site-header .language-nav{grid-column: 2;margin-left: 0;}.site-header .menu-toggle{grid-column: 3;min-width: 44px;justify-content: flex-end;}}@media (max-width: 360px){.brand-mosaic{width: 30px;height: 30px;flex-basis: 30px;}.brand-mosaic img{width: 34.285px;transform: translate(-2.14px, -2.14px);}.brand{gap: 7px;}}.brand-reference figcaption{min-width: 0;overflow-wrap: anywhere;}.scene-switcher{grid-template-columns: repeat(3, minmax(0, 1fr));}.scene-switcher .select-label{min-width: 0;}.scene-switcher [data-scene="aria-hatsudai"] .select-shape{background: #a9c8a1;box-shadow: -5px 0 0 #bd9b6e;}.district-index a > div{min-width: 0;}.district-index a strong{display: block;font-weight: 400;}.district-index a small{display: block;margin-top: 4px;font-size: 0.7rem;color: var(--muted);}.hatsudai-group{scroll-margin-top: calc(var(--header-height, 86px) + 20px);}.hatsudai-group .area-intro{margin-bottom: 26px;}.area-intro > .chapter-number{margin: 0 auto 20px;}.area-intro > .chapter-number + p{letter-spacing: 0.12em;font-size: 0.7rem;margin-bottom: 22px;}.hatsudai-group .chapter-heading h4{max-width: none;}.hatsudai-group .chapter-ward{margin-left: auto;}.hatsudai-group .place + .place{margin-top: 74px;}.site-footer{background: #eeede6;border-top: 1px solid var(--line);padding-top: 64px;}.footer-top > p{font-size: clamp(1.6rem, 3vw, 2.8rem);letter-spacing: -0.03em;}.footer-brand{display: flex;align-items: center;gap: 14px;width: 238px;margin: 36px 0 64px;transform: none;}.footer-brand img{border: 0;}.footer-brand .brand-lettering{width: 178px;}.footer-brand .brand-mosaic{flex: 0 0 46px;width: 46px;height: 46px;}.footer-brand .brand-mosaic img{width: 52.57px;transform: translate(-3.28px, -3.28px);}.footer-bottom{border-top-color: var(--line);}.aria-bird{width: 34px;height: 40px;top: -35px;right: 6px;}@media (max-width: 760px){.scene-switcher{grid-template-columns: 1fr;gap: 0;}.scene-switcher button{grid-template-columns: 30px 1fr;min-height: 68px;padding: 12px 14px;border-top: 1px solid #c6bd65;}.scene-switcher .select-number{position: static;grid-column: 3;grid-row: 1;align-self: center;}.scene-switcher .select-brand{font-size: 0.76rem;}.scene-switcher .select-area{font-size: 0.66rem;}.hatsudai-group .chapter-ward{margin-left: 0;}.hatsudai-group .place + .place{margin-top: 48px;}.site-footer{padding-top: 52px;}.footer-top{align-items: center;gap: 24px;}.footer-top > p{max-width: 66%;font-size: 1.6rem;line-height: 1.5;}.back-top{font-size: 0;gap: 0;}.back-top > span{font-size: 1rem;}.footer-brand{width: 210px;gap: 12px;margin: 30px 0 52px;}.footer-brand .brand-lettering{width: 152px;}}.stay-folio{background: #eeeadc;border-color: #d6d1bd;}.scene-switcher button{border-color: #d6d1bd;}.journal-spread:before{background: #e5dba8;}.journal-photo--table img{object-position: 58% 55%;}.journal-photo figcaption{font-size: 0.78rem;}.journal-photo figcaption > span:last-child{font-size: 0.64rem;line-height: 1.5;white-space: normal;}.aria-bird{width: 30px;height: 35.3px;top: -30px;}@media (max-width: 760px){.journal-photo figcaption{font-size: 0.75rem;gap: 7px;}.journal-photo figcaption > span:last-child{font-size: 0.64rem;}.journal-photo--light figcaption{flex-direction: column;}}.journal-photo--light{grid-area: 1 / 1;align-self: start;}.journal-photo--colour{margin-top: 28%;}.journal-photo--table{margin-top: 32px;}.journal-photo--takanawa{grid-area: 2 / 1;width: 76%;justify-self: end;}.journal-photo--takanawa img{aspect-ratio: 1.65;object-position: 54% 58%;}.journal-spread:before{top: 31%;width: 23%;}@media (max-width: 760px){.journal-photo--light{grid-area: 1 / 1 / auto / -1;}.journal-photo--colour{margin-top: 13px;}.journal-photo--table{margin-top: 63px;}.journal-photo--takanawa{grid-area: 3 / 1 / auto / -1;width: 86%;margin-top: 5px;}.journal-spread:before{top: 28%;width: 45%;}}.place--shinagawa{--room-colour: #d4e1ec;}.copy-phrase{display: inline-block;max-width: 100%;text-wrap: balance;}@media (max-width: 760px){html[lang="ja"] .shinagawa-intro .place-tagline{font-size: clamp(1.5rem, 7.2vw, 1.8rem);}}/* The album's paper, offset colour and open geometry carry across the site. */
.hero-heading {
  isolation: isolate;
}
.cover-detail {
  position: relative;
  gap: 18px;
  padding: 0 0 10px;
}
.cover-detail img {
  width: 150px;
  height: 102px;
  border-radius: 0;
  box-shadow: 5px 5px 0 #dce5c9;
}
.cover-detail::before {
  content: "";
  position: absolute;
  width: 76px;
  height: 76px;
  top: -23px;
  left: 105px;
  border-radius: 50%;
  background: #ede194;
  z-index: -1;
}
.cover-detail > span {
  writing-mode: horizontal-tb;
  max-width: 104px;
  padding: 0 0 3px 8px;
  font-size: 0.75rem;
  line-height: 1.65;
  letter-spacing: 0.1em;
}
.hero-visual {
  box-shadow: 7px 7px 0 #e5e8d9;
}
.about-layout {
  gap: 10%;
  align-items: center;
  padding-block: 86px 104px;
}
.about-title {
  position: relative;
  isolation: isolate;
  min-height: 580px;
  padding: 76px 38px 72px;
  flex-direction: column;
  align-items: center;
  background: #e7ecd9;
  border-radius: 0 76px 0 0;
  overflow: hidden;
}
.about-title::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 212px;
  height: 212px;
  border-radius: 50%;
  top: -90px;
  left: -70px;
  background: #f0e496;
}
.about-title::after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 28px;
  right: 24px;
  bottom: 26px;
  left: 26px;
  border-left: 1px solid #838c6b;
  border-bottom: 1px solid #838c6b;
  clip-path: polygon(
    0 0,
    1px 0,
    1px calc(100% - 1px),
    25% calc(100% - 1px),
    25% 100%,
    0 100%
  );
}
.brand-reference img {
  width: min(100%, 246px);
}
.brand-reference figcaption {
  margin-top: 22px;
}
.brand-reference figcaption > span {
  font-size: 0.75rem;
  letter-spacing: 0.14em;
}
.brand-reference figcaption p {
  margin: 8px 0;
}
.album-palette {
  display: flex;
  gap: 10px;
  margin-top: 32px;
}
.album-palette span {
  width: 43px;
  height: 11px;
  border-radius: 10px;
  background: #ead75b;
}
.album-palette span:nth-child(2) {
  background: #a8bb86;
}
.album-palette span:nth-child(3) {
  background: #4c5547;
  width: 23px;
}
.about-copy .statement {
  font-size: clamp(2.4rem, 3.65vw, 4.4rem);
  line-height: 1.5;
}
.detail-journal {
  background: #fbfaf6;
  margin-inline: calc(-0.45 * var(--pad));
  padding: clamp(28px, 4.2vw, 64px);
  position: relative;
  isolation: isolate;
}
.journal-heading {
  align-items: center;
  gap: 20px;
  padding-bottom: 23px;
  margin-bottom: 55px;
  border-bottom: 1px solid #d5d6c9;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
}
.journal-heading > span {
  letter-spacing: 0.03em;
  font-size: 0.8125rem;
}
.journal-spread {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: auto auto;
  gap: 76px 20px;
  padding-block: 10px 44px;
  isolation: isolate;
}
.journal-spread::before {
  z-index: -1;
  top: auto;
  bottom: 4%;
  left: -64px;
  width: 168px;
  height: 240px;
  aspect-ratio: auto;
  border-radius: 0 140px 140px 0;
  background: #e6ebd8;
}
.journal-spread::after {
  content: "";
  z-index: -1;
  position: absolute;
  pointer-events: none;
  top: 0;
  right: 0;
  width: 9%;
  height: 80px;
  border-right: 1px solid #b9bfaa;
  border-bottom: 1px solid #b9bfaa;
}
.journal-photo {
  margin: 0;
  padding: 0;
  width: auto;
  min-width: 0;
  --print-colour: #dce5cb;
}
.journal-photo--light {
  grid-area: 1 / 1 / 2 / 8;
  align-self: start;
  margin-top: 0;
}
.journal-photo--colour {
  grid-area: 1 / 9 / 2 / 13;
  margin-top: 34%;
  --print-colour: #e1d1ba;
}
.journal-photo--table {
  grid-area: 2 / 2 / 3 / 6;
  align-self: end;
  margin-top: 0;
  --print-colour: #ceddd0;
}
.journal-photo--takanawa {
  grid-area: 2 / 8 / 3 / 13;
  align-self: start;
  justify-self: stretch;
  margin-top: 8%;
  --print-colour: #efe09b;
}
.journal-photo picture {
  box-shadow: 5px 5px 0 var(--print-colour);
}
.journal-photo figcaption {
  display: block;
  margin-top: 18px;
  padding-left: 15px;
  border-left: 2px solid var(--print-colour);
  font-size: 0.875rem;
  line-height: 1.65;
}
.journal-photo figcaption > span:last-child {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  margin-top: 6px;
}
.journal-footer {
  border-top: 1px solid #d5d6c9;
  padding-top: 24px;
  margin-top: 16px;
}
.journal-footer p,
.journal-footer a {
  font-size: 0.875rem;
}
.journal-footer p > span {
  font-size: 0.75rem;
}
.place-photo picture {
  box-shadow: 5px 5px 0 var(--room-colour, #dce5cb);
}
@media (min-width: 761px) and (max-width: 1100px) {
  .about-layout {
    gap: 7%;
  }
  .about-title {
    min-height: 540px;
    padding-inline: 28px;
  }
  .journal-spread {
    gap: 48px 15px;
  }
  .journal-photo--colour {
    grid-column: 9 / 13;
  }
  .journal-photo--table {
    grid-column: 2 / 7;
  }
  .journal-photo--takanawa {
    grid-column: 8 / 13;
  }
}
@media (max-width: 760px) {
  .hero-visual {
    box-shadow: 4px 4px 0 #e5e8d9;
  }
  .cover-detail {
    padding-bottom: 5px;
  }
  .cover-detail img {
    width: 85px;
    height: 72px;
    box-shadow: 3px 3px 0 #dce5c9;
  }
  .cover-detail::before {
    width: 42px;
    height: 42px;
    top: -14px;
    left: auto;
    right: -4px;
  }
  .about-layout {
    padding-block: 48px 60px;
    gap: 38px;
  }
  .about-title {
    order: 0;
    min-height: 0;
    padding: 42px 28px 38px;
    border-radius: 0 52px 0 0;
  }
  .about-title::before {
    width: 144px;
    height: 144px;
    top: -68px;
    left: -58px;
  }
  .about-title::after {
    inset: 17px;
  }
  .brand-reference {
    gap: 24px;
  }
  .brand-reference img {
    width: min(36vw, 158px);
  }
  .brand-reference figcaption {
    margin: 0;
  }
  .brand-reference figcaption p {
    font-size: 1rem;
  }
  .brand-reference figcaption small {
    display: none;
  }
  .album-palette {
    margin-top: 27px;
    align-self: flex-end;
    gap: 7px;
  }
  .album-palette span {
    width: 31px;
    height: 8px;
  }
  .album-palette span:nth-child(3) {
    width: 17px;
  }
  .about-copy .statement {
    font-size: clamp(2rem, 8.3vw, 3.3rem);
  }
  .detail-journal {
    margin-inline: calc(-0.25 * var(--pad));
    padding: 28px 20px 30px;
  }
  .journal-heading {
    margin-bottom: 32px;
    padding-bottom: 18px;
    font-size: 0.75rem;
    line-height: 1.6;
  }
  .journal-heading > span {
    font-size: 0.8125rem;
  }
  .journal-spread {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 37px 10px;
    padding: 0 0 28px;
  }
  .journal-spread::before {
    left: -20px;
    bottom: 10%;
    width: 72px;
    height: 135px;
  }
  .journal-spread::after {
    top: 34%;
    right: auto;
    left: 0;
    height: 52px;
    width: 15%;
  }
  .journal-photo--light {
    grid-area: 1 / 1 / 2 / 7;
    margin: 0 8% 0 0;
  }
  .journal-photo--colour {
    grid-area: 2 / 3 / 3 / 7;
    margin: 0;
  }
  .journal-photo--table {
    grid-area: 3 / 1 / 4 / 6;
    margin: 0 5% 0 0;
  }
  .journal-photo--takanawa {
    grid-area: 4 / 2 / 5 / 7;
    width: auto;
    margin: 0;
  }
  .journal-photo picture {
    box-shadow: 3px 3px 0 var(--print-colour);
  }
  .journal-photo figcaption {
    margin-top: 13px;
    padding-left: 10px;
    font-size: 0.8125rem;
  }
  .journal-photo figcaption > span:last-child {
    font-size: 0.75rem;
    margin-top: 4px;
  }
  .journal-footer {
    margin-top: 0;
    padding-top: 20px;
  }
  .journal-footer p,
  .journal-footer a {
    font-size: 0.8125rem;
  }
}
@media (max-width: 370px) {
  .about-title {
    padding-inline: 25px;
  }
  .brand-reference {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
  .brand-reference img {
    width: 140px;
  }
  .album-palette {
    align-self: center;
  }
}

/* Clear facts, quiet labels, and a usable fallback when a photo cannot load. */
.takanawa-room-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 13px 0 0;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.6;
}
.takanawa-room-facts > span + span {
  border-left: 1px solid var(--line);
  padding-left: 18px;
}
.stay-facts dt,
.reservation-label,
.photo-caption,
.places-note,
.header-caption,
.hero-kicker,
.hero-bottom,
.hero-bottom a,
.district-index a small,
.area-intro > .chapter-number + p {
  font-size: 0.75rem;
}
.stay-facts dd,
.room-details summary,
.room-details-content,
.room-details-content p {
  font-size: 0.875rem;
}
.place-description,
.takanawa-intro .place-description,
.about-copy p,
.approach-list p {
  font-size: 1rem;
}
#hero-picture,
.room-photo picture {
  position: relative;
}
#hero-picture[data-image-state="loading"] img,
#hero-picture[data-image-state="error"] img,
.room-photo picture[data-image-state="loading"] img,
.room-photo picture[data-image-state="error"] img {
  visibility: hidden;
}
#hero-picture[data-image-state="loading"]::after,
#hero-picture[data-image-state="error"]::after,
.room-photo picture[data-image-state="loading"]::after,
.room-photo picture[data-image-state="error"]::after {
  content: attr(data-image-message);
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  padding: 32px;
  color: var(--ink);
  background: #e8eadf;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.8;
}
@media (max-width: 760px) {
  .brand-reference figcaption {
    font-size: 0.75rem;
  }
  .photo-caption {
    line-height: 1.7;
  }
  .room-colour-copy {
    font-size: 0.9375rem;
  }
}

/* Airport connections: labelled routes and airport codes remain legible without colour. */
.route-5 {
  stroke: #73527f;
  background: #73527f;
}
.route-badge .route-5 {
  fill: #73527f;
  stroke: none;
}
.airport-code {
  fill: var(--ink);
  font: 600 15px/1 var(--sans);
  letter-spacing: 0.06em;
}
.transit-airport {
  stroke-width: 2.5;
}

/* Airport trains and local rail connections. */
.route-6 {
  stroke: #207f96;
  background: #207f96;
}
.route-badge .route-6 {
  fill: #207f96;
  stroke: none;
}
.route-7 {
  stroke: #b0473b;
  background: #b0473b;
}
.route-badge .route-7 {
  fill: #b0473b;
  stroke: none;
}
.route-8 {
  stroke: #9c5062;
  background: #9c5062;
}
.route-badge .route-8 {
  fill: #9c5062;
  stroke: none;
}
.transit-track.route-8 {
  stroke-dasharray: 9 4;
}
.route-9 {
  stroke: #287970;
  background: #287970;
}
.route-badge .route-9 {
  fill: #287970;
  stroke: none;
}
.route-10 {
  stroke: #293b61;
  background: #293b61;
}
.route-badge .route-10 {
  fill: #293b61;
  stroke: none;
}
.transit-track.route-10 {
  stroke-dasharray: 12 3;
}
.transit-track {
  stroke-linejoin: round;
}
.airport-connection-note {
  border-top: 1px solid #b9c2ab;
  margin: 14px 0 0;
  padding-top: 18px;
  font-size: 0.8rem;
  line-height: 1.7;
}
.airport-connection-note span {
  display: block;
}
.airport-connection-note span + span {
  color: var(--muted);
  margin-top: 2px;
}

/* The photo book: a room at a time, with booking always within reach. */
.has-album { overflow: hidden; }
.photo-frame { position: relative; }
.photo-open {
  position: absolute;
  right: 14px;
  bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 44px;
  padding: 10px 16px;
  background: var(--paper);
  font-size: .73rem;
  line-height: 1.4;
  border: 0;
  transition: background .2s, transform .2s var(--ease);
}
.photo-open > span:last-child { font-size: 1.15rem; }
.photo-open:hover { background: var(--yellow); transform: translateY(-2px); }
.photo-open:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; box-shadow: 0 0 0 6px var(--paper); }
.journal-photo .photo-open { font-size: .67rem; gap: 12px; padding: 9px 12px; }
.album-viewer {
  border: 0;
  margin: 0;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100dvh;
  padding: 24px clamp(20px, 3vw, 52px) 30px;
  color: var(--ink);
  background: var(--paper);
  overflow: auto;
  overscroll-behavior: contain;
}
.album-viewer[open] { display: flex; flex-direction: column; gap: 24px; }
.album-viewer::backdrop { background: #262c25b3; }
.album-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); padding-bottom: 12px; flex: none; }
.album-head > p { font-size: .64rem; letter-spacing: .12em; }
.album-close { display: flex; align-items: center; gap: 16px; min-height: 44px; padding: 0 0 0 10px; background: none; border: 0; font-size: .78rem; }
.album-close > span:last-child { font-size: 2rem; line-height: 1; }
.album-close:hover, .album-share:hover, .album-page-link:hover { color: var(--accent); }
.album-spread { display: grid; grid-template-columns: minmax(0, 1fr) 256px; gap: clamp(28px, 4vw, 64px); min-height: 0; flex: 1; }
.album-photographs { display: grid; grid-template-rows: minmax(140px, 1fr) auto auto; gap: 16px; min-width: 0; min-height: 0; }
.album-canvas { display: flex; align-items: center; justify-content: center; min-height: 140px; position: relative; background: #eeede5; overflow: hidden; touch-action: pan-y pinch-zoom; user-select: none; }
.album-picture { width: 100%; height: 100%; min-height: 0; }
.album-image { width: 100%; height: 100%; object-fit: contain; min-height: 0; }
.album-message { position: absolute; max-width: 32em; padding: 24px; text-align: center; font-size: .82rem; }
.album-photo-footer { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px; }
.album-caption { font-size: .74rem; line-height: 1.7; color: var(--muted); max-width: 680px; }
.album-navigation { display: flex; align-items: center; gap: 10px; }
.album-navigation button { width: 44px; height: 44px; border: 1px solid var(--line); background: transparent; font-size: 1.25rem; transition: background .2s; }
.album-navigation button:hover { background: var(--yellow); }
.album-counter { font-size: .68rem; font-variant-numeric: tabular-nums; min-width: 50px; white-space: nowrap; text-align: center; }
.album-thumbnails { display: flex; gap: 12px; overflow-x: auto; padding: 4px; margin: -4px; scrollbar-width: thin; overscroll-behavior-x: contain; }
.album-thumbnail { position: relative; flex: 0 0 96px; width: 96px; height: 66px; background: transparent; border: 0; padding: 3px; opacity: .65; transition: opacity .15s; }
.album-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.album-thumbnail > span { position: absolute; bottom: 3px; right: 3px; padding: 1px 5px; font-size: .58rem; background: var(--paper); }
.album-thumbnail[aria-current="true"] { outline: 1px solid var(--ink); outline-offset: 0; opacity: 1; }
.album-thumbnail:hover { opacity: 1; }
.album-aside { display: flex; flex-direction: column; padding-top: 16px; min-width: 0; }
.album-area { font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 14px; color: var(--muted); }
.album-aside h2 { font-size: clamp(1.4rem, 2.05vw, 2rem); font-weight: 400; letter-spacing: -.04em; line-height: 1.25; text-wrap: balance; }
.album-room-facts { font-size: .82rem; margin-top: 22px; line-height: 1.9; }
.album-reservation { margin-top: auto; padding-top: 34px; }
.album-booking-label { font-size: .77rem; margin-bottom: 12px; }
.album-booking-links { display: grid; gap: 8px; }
.album-booking-links a { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 48px; background: var(--ink); color: var(--paper); font-size: .84rem; padding: 12px 16px; border: 1px solid var(--ink); transition: background .2s; }
.album-booking-links a + a { background: transparent; color: var(--ink); border-color: var(--line); }
.album-booking-links a:hover { background: var(--accent); color: var(--paper); border-color: var(--accent); }
.album-booking-note { margin-top: 12px; color: var(--muted); font-size: .68rem; line-height: 1.65; }
.album-aside-links { display: flex; flex-direction: column; align-items: flex-start; gap: 0; padding-top: 24px; margin-top: 24px; border-top: 1px solid var(--line); }
.album-page-link, .album-share { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0; border: 0; background: transparent; font-size: .76rem; text-align: left; }
.album-share:before { content: '↗'; display: inline-block; margin-right: 9px; font-size: 1.1rem; }
.album-share-status { display: block; font-size: .74rem; line-height: 1.5; color: var(--accent); }
.album-copy-url { font: inherit; font-size: .78rem; width: 100%; min-width: 0; padding: 10px; border: 1px solid var(--line); color: var(--ink); background: var(--paper); }

/* Album pages are permanent, shareable leaves of the same photo book. */
.album-page { --album-width: 1440px; }
.album-page-header { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 24px var(--pad); min-height: 94px; border-bottom: 1px solid var(--line); }
.album-page-header .brand { flex-shrink: 0; }
.album-page-header nav { display: flex; flex-wrap: wrap; gap: 4px 20px; font-size: .75rem; }
.album-page-header nav a { display: inline-flex; align-items: center; min-height: 44px; }
.album-page-header [aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; }
.album-page main { max-width: var(--album-width); margin: auto; padding: 0 var(--pad); }
.album-intro { padding: 64px 0 40px; position: relative; }
.album-intro > p:first-child { font-size: .7rem; letter-spacing: .08em; color: var(--muted); text-transform: uppercase; margin-bottom: 20px; }
.album-page-title { font-size: clamp(2.25rem, 5.8vw, 6rem); font-weight: 400; line-height: 1.12; letter-spacing: -.055em; max-width: 1050px; text-wrap: balance; }
.album-page-title span { display: block; }
.album-facts { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 24px; font-size: .92rem; }
.album-intro [data-share-album] { display: inline-flex; align-items: center; gap: 10px; background: transparent; border: 0; border-bottom: 1px solid var(--line); padding: 10px 0; min-height: 44px; font-size: .8rem; margin-top: 20px; }
.album-intro [data-share-album]:before { content: '↗';font-size: 1.2rem;}.album-grid{display: grid;grid-template-columns: 1fr 1fr;align-items: start;gap: 42px 28px;}.album-photo:first-child{grid-column: 1 / -1;}.album-photo > a{display: block;overflow: hidden;position: relative;background: #eeede5;}.album-photo img{width: 100%;height: auto;transition: transform .7s var(--ease);}.album-photo:first-child img{max-height: 78vh;object-fit: cover;}.album-photo > a:hover img{transform: scale(1.015);}.album-photo figcaption{display: flex;align-items: baseline;gap: 20px;padding: 12px 0 0;color: var(--muted);font-size: .77rem;line-height: 1.7;}.album-photo-index{font-size: .64rem;flex: none;letter-spacing: .05em;color: var(--ink);}.album-booking{display: grid;grid-template-columns: 1fr 1fr;gap: 32px;padding: 42px 0;border-block: 1px solid var(--line);margin-top: 72px;}.album-booking h2{font-weight: 400;font-size: clamp(1.35rem, 2.8vw, 2.25rem);line-height: 1.35;letter-spacing: -.035em;}.album-booking p{font-size: .8rem;margin-top: 10px;color: var(--muted);}.album-booking a{display: inline-flex;align-items: center;justify-content: space-between;gap: 32px;padding: 14px 22px;border: 1px solid var(--line);min-height: 48px;font-size: .88rem;}.album-booking a:hover{background: var(--yellow);}.album-related{padding: 56px 0 64px;display: flex;justify-content: space-between;align-items: center;gap: 24px;font-size: .83rem;}.album-related a{padding-block: 12px;border-bottom: 1px solid var(--line);}.album-page footer{border-top: 1px solid var(--line);padding: 28px var(--pad);font-size: .72rem;}.gallery-index{padding-bottom: 72px;}.gallery-index-grid{display: grid;grid-template-columns: repeat(2, minmax(0,1fr));gap: 50px 32px;}.gallery-index-item{min-width: 0;}.gallery-index-item > a{display: block;}.gallery-index-item picture{overflow: hidden;}.gallery-index-item img{width: 100%;height: auto;aspect-ratio: 3/2;object-fit: cover;transition: transform .7s var(--ease);}.gallery-index-item > a:hover img{transform: scale(1.025);}.gallery-index-item h2, .gallery-index-item h3{font-weight: 400;font-size: 1.4rem;line-height: 1.4;letter-spacing: -.035em;margin-top: 16px;}.gallery-index-item p{font-size: .78rem;color: var(--muted);margin-top: 8px;}.gallery-index-item .album-facts{font-size: .76rem;margin-top: 10px;gap: 6px 16px;}.album-collection-link{display: inline-flex;align-items: center;gap: 30px;min-height: 44px;padding: 8px 0;border-bottom: 1px solid var(--line);font-size: .82rem;}@media (min-width: 761px) and (max-height: 650px){.album-spread{min-height: 380px;}.album-viewer{height: 100dvh;}}@media (max-width: 1000px){.album-spread{grid-template-columns: minmax(0,1fr) 224px;gap: 28px;}.album-page-header{flex-wrap: wrap;gap: 10px 24px;padding-block: 16px;}}@media (max-width: 760px){.photo-open{right: 10px;bottom: 10px;padding: 9px 12px;font-size: .69rem;gap: 16px;}.journal-photo .photo-open{font-size: .62rem;gap: 8px;padding: 8px 10px;right: 8px;bottom: 8px;}.album-viewer{padding: 12px 20px max(24px, env(safe-area-inset-bottom));}.album-viewer[open]{gap: 18px;}.album-head{padding-bottom: 8px;gap: 16px;}.album-head > p{font-size: .54rem;letter-spacing: .08em;}.album-close{font-size: .68rem;gap: 10px;}.album-close > span:last-child{font-size: 1.8rem;}.album-spread{display: flex;flex-direction: column;gap: 24px;flex: none;min-height: calc(100% - 80px);}.album-photographs{display: flex;flex-direction: column;gap: 12px;}.album-canvas{height: auto;aspect-ratio: 3/2;min-height: 0;flex: none;}.album-photo-footer{grid-template-columns: minmax(0,1fr) auto;gap: 14px;}.album-caption{font-size: .69rem;line-height: 1.6;}.album-navigation{gap: 6px;}.album-navigation button{width: 36px;height: 44px;border: 0;}.album-counter{font-size: .62rem;min-width: 36px;}.album-thumbnails{gap: 8px;}.album-thumbnail{flex: 1 0 0;min-width: 44px;max-width: 70px;width: auto;height: 46px;}.album-thumbnail > span{font-size: .5rem;padding: 0 4px;}.album-aside{padding-top: 20px;border-top: 1px solid var(--line);}.album-area{font-size: .6rem;margin-bottom: 8px;}.album-aside h2{font-size: 1.45rem;line-height: 1.3;text-wrap: initial;}.album-room-facts{font-size: .77rem;margin-top: 10px;}.album-reservation{padding-top: 20px;}.album-booking-label{font-size: .7rem;margin-bottom: 8px;}.album-booking-links{grid-template-columns: 1fr 1fr;}.album-booking-links a:only-child{grid-column: 1/-1;}.album-booking-links a{font-size: .76rem;padding: 10px 14px;min-height: 46px;}.album-booking-note{font-size: .65rem;margin-top: 10px;}.album-aside-links{flex-direction: row;flex-wrap: wrap;align-items: center;gap: 0 24px;border: 0;padding-top: 8px;margin-top: 0;}.album-page-link, .album-share{font-size: .69rem;}.album-share-status{flex-basis: 100%;}.album-page-header{padding: 16px 20px 12px;gap: 8px 20px;}.album-page-header .brand-lettering{width: 128px;}.album-page-header .brand-mosaic{display: none;}.album-page-header nav{gap: 2px 17px;font-size: .64rem;}.album-intro{padding: 38px 0 28px;}.album-intro > p:first-child{font-size: .61rem;margin-bottom: 16px;}.album-page-title{font-size: clamp(2rem, 8vw, 3.4rem);}.album-facts{font-size: .79rem;margin-top: 18px;gap: 6px 16px;}.album-intro [data-share-album]{font-size: .73rem;margin-top: 12px;}.album-grid{gap: 28px;grid-template-columns: minmax(0,1fr);}.album-photo:first-child img{max-height: none;}.album-photo figcaption{padding-top: 10px;font-size: .73rem;gap: 14px;}.album-booking{grid-template-columns: 1fr;margin-top: 44px;padding: 28px 0;gap: 20px;}.album-booking a{padding: 12px 16px;font-size: .8rem;gap: 20px;}.album-related{padding: 30px 0 42px;font-size: .74rem;align-items: start;}.gallery-index-grid{grid-template-columns: 1fr;gap: 36px;}.gallery-index-item h2, .gallery-index-item h3{font-size: 1.2rem;}}@media (prefers-reduced-motion: reduce){.photo-open, .album-thumbnail, .album-navigation button, .album-booking-links a, .album-photo img, .gallery-index-item img{transition: none;}.photo-open:hover, .album-photo > a:hover img, .gallery-index-item > a:hover img{transform: none;}}.album-eyebrow{font-size: .66rem;color: var(--muted);letter-spacing: .07em;}.album-back{display: inline-flex;min-height: 44px;align-items: center;font-size: .73rem;margin-bottom: 24px;}.album-intro .album-eyebrow{margin-bottom: 18px;}.album-home{display: inline-flex;align-items: center;gap: 12px;min-height: 44px;font-size: .75rem;margin-left: auto;}.album-page-header .language-nav{margin-left: 0;}.album-page-header .language-nav nav{display: flex;flex-direction: column;flex-wrap: nowrap;gap: 0;}.album-page-share > span{display: none;}.gallery-index-intro{font-size: .9rem;max-width: 640px;line-height: 1.9;margin-top: 24px;}.gallery-index-item .album-eyebrow{margin-top: 16px;font-size: .61rem;}.gallery-index-item h2{margin-top: 8px;}.gallery-index-link{display: inline-flex;align-items: center;gap: 28px;font-size: .73rem;padding: 12px 0 4px;border-bottom: 1px solid var(--line);}.album-booking .booking-options{display: flex;flex-wrap: wrap;gap: 8px;}.album-booking .booking-link{min-width: 170px;}.album-booking .album-explore{font-size: .75rem;border: 0;padding: 12px 0;margin-top: 12px;min-width: 0;}.album-booking .album-explore:hover{background: transparent;}.album-related a:last-child{display: grid;grid-template-columns: 1fr auto;gap: 3px 20px;text-align: right;}.album-related a:last-child > span:first-child{grid-column: 1/-1;font-size: .65rem;color: var(--muted);}.album-related strong{font-weight: 400;}.album-page-footer{display: flex;align-items: center;justify-content: space-between;gap: 24px;}.all-photos-link{display: inline-flex;align-items: center;justify-content: space-between;gap: 32px;border-bottom: 1px solid var(--line);font-size: .83rem;min-height: 44px;padding: 10px 0;margin-top: 24px;}@media (max-width: 760px){.album-home{font-size: .63rem;gap: 8px;}.album-page-header .language-nav{font-size: .66rem;}.album-page-header .language-nav summary{min-height: 44px;}.album-page-header .brand-lettering{width: 116px;}.album-back{margin-bottom: 12px;font-size: .67rem;}.gallery-index-intro{font-size: .82rem;margin-top: 20px;}.album-related a:last-child{max-width: 65%;}.album-booking .booking-link{min-width: 0;flex: 1;}.album-booking .album-facts{gap: 6px 16px;}}.album-intro-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 28px;margin-top: 24px;}.album-quick-booking{display: flex;flex-wrap: wrap;align-items: center;gap: 16px;margin-right: 12px;}.album-quick-booking .booking-link{font-size: .79rem;display: inline-flex;align-items: center;gap: 24px;min-height: 44px;padding: 10px 0;border-bottom: 1px solid var(--line);}.album-page .booking-link:after{display: none;}.album-intro-actions [data-share-album]{margin-top: 0;}.album-copy-button{display: inline-flex;align-items: center;min-height: 44px;padding: 8px 0;border: 0;background: transparent;font-size: .7rem;text-align: left;color: var(--muted);}.album-copy-button:hover{color: var(--accent);}.album-intro-actions .album-share-status{flex-basis: 100%;}@media (max-width: 760px){.album-intro-actions{gap: 4px 20px;margin-top: 16px;}.album-quick-booking{width: 100%;margin-right: 0;}.album-quick-booking .booking-link{font-size: .75rem;}.album-copy-button{font-size: .69rem;}}.album-head{position: sticky;top: 0;z-index: 2;background: var(--paper);}.room-finder{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);gap: 24px 48px;border-block: 1px solid var(--line);padding: 28px 0 20px;margin: 8px 0 40px;scroll-margin-top: 28px;}.finder-heading .album-eyebrow{margin-bottom: 10px;}.finder-heading h2{font-size: clamp(1.2rem, 2vw, 1.8rem);font-weight: 400;line-height: 1.6;letter-spacing: -.025em;text-wrap: balance;}.finder-controls{display: grid;grid-template-columns: minmax(0, .8fr) minmax(0, 1fr);gap: 12px 20px;align-content: start;}.finder-controls label{display: grid;gap: 9px;font-size: .76rem;}.finder-controls select{display: block;width: 100%;min-width: 0;min-height: 52px;border: 1px solid var(--line);border-radius: 0;background: var(--paper);color: var(--ink);padding: 10px 12px;font: inherit;font-size: .86rem;cursor: pointer;}.finder-controls select:hover{border-color: var(--ink);}.finder-reset{display: inline-flex;align-items: center;justify-self: start;gap: 18px;min-height: 44px;border: 0;border-bottom: 1px solid var(--line);padding: 8px 0;background: transparent;color: var(--ink);font: inherit;font-size: .74rem;}.finder-controls .finder-reset{grid-column: 1/-1;}.finder-reset:disabled{color: var(--muted);opacity: .65;cursor: default;border-color: transparent;}.finder-reset:not(:disabled):hover{border-color: var(--ink);}.finder-note{align-self: end;max-width: 440px;font-size: .7rem;line-height: 1.8;color: var(--muted);}.finder-count{text-align: right;align-self: end;font-size: .78rem;font-variant-numeric: tabular-nums;}.finder-empty{padding: 28px 0 72px;}.finder-empty h2{font-size: 1.3rem;font-weight: 400;line-height: 1.7;}.finder-empty p{font-size: .84rem;margin: 14px 0;}.gallery-index-item .album-facts{color: var(--ink);font-size: .85rem;gap: 8px 20px;}.index-booking{border-top: 1px solid var(--line);margin-top: 20px;padding-top: 14px;}.index-booking > p:first-child{font-size: .68rem;margin: 0 0 4px;}.index-booking-links{display: flex;flex-wrap: wrap;gap: 8px 28px;}.index-booking .booking-link{display: inline-flex;align-items: center;justify-content: space-between;gap: 28px;min-height: 44px;font-size: .8rem;border-bottom: 1px solid var(--line);padding: 8px 0;}.index-booking .booking-link:hover{border-color: var(--ink);}.index-booking .album-booking-note{font-size: .67rem;margin-top: 12px;line-height: 1.7;}.quick-booking-label{font-size: .7rem;color: var(--muted);}.album-intro > .album-booking-note{max-width: 620px;}@media (max-width: 760px){.room-finder{grid-template-columns: minmax(0, 1fr);gap: 18px;padding: 24px 0 18px;margin-top: 4px;margin-bottom: 28px;}.gallery-index .album-intro{padding-block: 28px 20px;}.hero .cover-link{display: inline-flex;grid-column: 1/-1;justify-self: start;margin: 18px 0 0;min-height: 44px;padding: 4px 0;font-size: .81rem;}.gallery-index .gallery-index-intro{margin-top: 14px;line-height: 1.8;}.room-finder{gap: 12px;padding-top: 18px;}.finder-heading .album-eyebrow{display: none;}.finder-heading h2{font-size: 1.18rem;text-wrap: initial;}.finder-controls{gap: 8px 14px;}.finder-controls select{font-size: 16px;min-height: 48px;padding-inline: 10px;}.finder-note{font-size: .69rem;}.finder-count{text-align: left;font-size: .76rem;}.gallery-index-item .album-facts{font-size: .79rem;gap: 6px 16px;}.index-booking{margin-top: 18px;}.index-booking-links{gap: 8px 24px;}.quick-booking-label{width: 100%;}.album-quick-booking{gap: 4px 24px;}}.album-booking-links{grid-template-columns: minmax(0, 1fr);}@media (max-width: 760px){.album-booking-links{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 360px){.album-booking-links a{font-size: .72rem;gap: 8px;padding-inline: 12px;}}@media (max-width: 760px){.album-home{display: none;}.album-page-header .language-nav{margin-left: auto;}}