/* LOV'INN · SECTION TESTS — review only · unpublished · unregistered
   Test-scoped composition classes (.st-*). Shell files are loaded unchanged and not overridden. */
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);padding-top:68px;overflow-x:hidden}
@media(max-width:768px){body{padding-top:56px}}
a{color:inherit}a:hover{color:inherit}
[data-ds]{display:contents}
.st-wrap{max-width:1320px;margin:0 auto}

/* placeholder — quiet abstract layered landscape, never presented as property photography */
.st-ph{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-standard);aspect-ratio:var(--st-ratio,4/5);
background:radial-gradient(130% 48% at 18% 104%,var(--st-l3) 0 62%,transparent 62.4%),radial-gradient(150% 46% at 88% 106%,var(--st-l2) 0 58%,transparent 58.4%),radial-gradient(170% 40% at 50% 112%,var(--st-l1) 0 70%,transparent 70.4%),linear-gradient(180deg,var(--st-sky1) 0%,var(--st-sky2) 100%)}
.st-ph{--st-sky1:var(--cream-50);--st-sky2:var(--linen-200);--st-l1:var(--stone-300);--st-l2:var(--olive-300);--st-l3:var(--stone-400)}
[data-palette="vadi-review"] .st-ph{--st-sky1:#F4EFE3;--st-sky2:#E8DFCC;--st-l1:#C8CFC2;--st-l2:#B6BFAE;--st-l3:#D6D8CC}
.st-ph--dark{--st-sky1:var(--forest-700);--st-sky2:var(--forest-900);--st-l1:var(--forest-600);--st-l2:var(--forest-800);--st-l3:var(--forest-500)}
.st-ph__label{position:absolute;left:16px;right:16px;top:16px;max-width:420px;padding:12px 14px;background:rgba(251,248,242,.96);border:1px solid var(--ink-900);color:var(--ink-900);font-family:var(--font-sans);font-weight:500;font-size:12px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;overflow-wrap:anywhere}

/* ---------- A · İki Dünya (master, light) ---------- */
.st-a{background:var(--world-surface);padding:176px var(--container-pad) 192px}
.st-a__head{display:grid;gap:22px;justify-items:center;text-align:center;margin:0 auto 112px;max-width:820px}
.st-a__title{margin:0;font-family:var(--font-serif);font-weight:300;font-size:68px;line-height:1.04;letter-spacing:-.01em;color:var(--world-ink);text-wrap:balance}
.st-a__title em{font-style:italic;color:var(--forest-700)}
.st-a__lede{margin:0;font-size:17px;line-height:1.75;color:var(--ink-700);max-width:46ch;text-wrap:pretty}
.st-doors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:stretch}
.st-door{display:grid;grid-template-rows:auto 1fr;border-radius:var(--radius-standard);overflow:hidden;background:var(--world-surface);color:var(--world-ink)}
.st-door[data-world="vadi"]{background:var(--linen-200)}
.st-door .st-ph{border-radius:0}
.st-door__body{display:grid;gap:18px;align-content:start;padding:48px 48px 56px}
.st-door__no{font-family:var(--font-serif);font-style:italic;font-size:22px;color:var(--world-mark)}
.st-door[data-world="vadi"] .st-door__no{color:var(--forest-600)}
.st-door__title{margin:0;font-family:var(--font-serif);font-weight:300;font-size:46px;line-height:1.08;letter-spacing:-.005em}
.st-door__meta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}
.st-door__meta::before{content:"";width:22px;height:1px;background:var(--world-accent)}
.st-door[data-world="suites"] .st-door__meta{color:var(--gold-400)}
.st-door[data-world="vadi"] .st-door__meta{color:var(--forest-600)}
.st-door__text{margin:0;font-size:17px;line-height:1.75;max-width:44ch;color:var(--world-ink-soft);text-wrap:pretty}
.st-door[data-world="suites"] .st-door__text{color:rgba(245,240,231,.82)}
.st-door__note{margin:0;font-size:15px;line-height:1.6;color:var(--ink-900)}
.st-door__link{justify-self:start;display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:8px;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor}
.st-door[data-world="suites"] .st-door__link{color:var(--cream-100);border-color:var(--gold-400)}
.st-door[data-world="vadi"] .st-door__link{color:var(--forest-700);border-color:var(--olive-400)}
.st-door__link:focus-visible,.st-b a:focus-visible{outline:2px solid #C7A86B;outline-offset:3px}

/* ---------- B · Vadi'de Buluşmalar (vadi-review candidate) ---------- */
.st-b{background:var(--world-surface);color:var(--ink-900);padding:168px var(--container-pad) 176px}
.st-b__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap)}
.st-b__eyebrow{grid-column:1/-1;margin-bottom:40px;padding-left:.06em}
.st-b__title{grid-column:1/-1;margin:0;font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:128px;line-height:.96;letter-spacing:-.015em;color:var(--vadi-forest-mid);text-wrap:balance}
.st-b__sub{grid-column:6/span 6;margin:48px 0 0;font-family:var(--font-serif);font-weight:400;font-size:30px;line-height:1.35;color:var(--ink-900);text-wrap:pretty}
.st-b__rule{grid-column:1/-1;height:1px;background:var(--vadi-moss);opacity:.55;margin:120px 0 96px}
.st-b__media{grid-column:1/span 7}
.st-b__media .st-ph{--st-ratio:4/5}
.st-b__body{grid-column:9/span 4;align-self:end;display:grid;gap:28px}
.st-b__text{margin:0;font-size:18px;line-height:1.75;color:var(--ink-700);text-wrap:pretty}
.st-b__text--lead{font-family:var(--font-serif);font-size:26px;line-height:1.45;color:var(--ink-900)}
.st-b__status{margin:20px 0 0;padding-top:24px;border-top:1px solid var(--vadi-moss);display:grid;gap:10px}
.st-b__state{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--vadi-forest-mid)}
.st-b__note{font-size:15px;line-height:1.6;color:var(--ink-900)}

@media(max-width:768px){
.st-a{padding:96px 16px 112px}
.st-a__head{margin-bottom:64px}
.st-a__title{font-size:42px}
.st-doors{grid-template-columns:minmax(0,1fr);gap:32px}
.st-door__body{padding:32px 24px 40px}
.st-door__title{font-size:36px}
.st-b{padding:96px 16px 104px}
.st-b__grid{grid-template-columns:minmax(0,1fr)}
.st-b__eyebrow,.st-b__title,.st-b__sub,.st-b__rule,.st-b__media,.st-b__body{grid-column:1/-1}
.st-b__eyebrow{margin-bottom:28px}
.st-b__title{font-size:64px;line-height:1}
.st-b__sub{margin-top:28px;font-size:24px}
.st-b__rule{margin:64px 0 48px}
.st-b__body{margin-top:48px}
.st-b__text{font-size:17px}
.st-b__text--lead{font-size:22px}
}

/* content controls (review only) */
[data-tw-hidden]{display:none!important}
.st-ph image-slot{position:absolute;inset:0;width:100%;height:100%;color:var(--ink-700)}
.st-ph--dark image-slot{color:var(--cream-100)}
.st-ph__label{z-index:2;pointer-events:none}
.st-ph:has(image-slot[data-filled]) .st-ph__label{display:none}

/* ---------- calm motion (review only · scoped to .st-* · shell motion untouched) ----------
   hover 180–320ms (default 240ms) · reveal 560–900ms (default 720ms) · no bounce/spring/overshoot */
body{--st-hover:240ms;--st-reveal:720ms;--st-ease:cubic-bezier(0.25,0.1,0.25,1)}
.st-door__link{transition:border-color var(--st-hover) var(--st-ease),color var(--st-hover) var(--st-ease)}
.st-ph image-slot{transition:transform var(--st-reveal) var(--st-ease)}
.st-door__link:focus-visible,.st-b a:focus-visible{outline:2px solid var(--ink-900);outline-offset:3px}
.st-door[data-world="suites"] .st-door__link:focus-visible{outline-color:#C7A86B}
@media (hover:hover) and (pointer:fine){
.st-door[data-world="suites"] .st-door__link:hover{border-color:#D4B985}
.st-door[data-world="vadi"] .st-door__link:hover{border-color:var(--gold-500)}
.st-door:hover .st-ph image-slot{transform:scale(1.015)}
.st-b__media:hover image-slot{transform:scale(1.015)}
}
/* reveal: decorative only, armed by motion.js; text is never hidden */
.st-armed{transition:opacity var(--st-reveal) var(--st-ease),transform var(--st-reveal) var(--st-ease)}
.st-armed:not(.st-in){opacity:.55;transform:translateY(14px)}
.st-b__rule.st-armed{transform-origin:left;transition:transform var(--st-reveal) var(--st-ease)}
.st-b__rule.st-armed:not(.st-in){opacity:.55;transform:scaleX(0)}
html[data-motion="off"] .st-armed,html[data-motion="off"] .st-ph image-slot,html[data-motion="off"] .st-door__link{transition:none!important;transform:none!important}
html[data-motion="off"] .st-armed:not(.st-in){opacity:1}
@media (prefers-reduced-motion:reduce){.st-armed,.st-ph image-slot,.st-door__link{transition:none!important;transform:none!important}.st-armed:not(.st-in){opacity:1}}