/* B5 Four Product Worlds: shared directing logic, deliberately distinct performances. */
.world-portal{position:relative;color:#f5f1e8;background:#101716}.world-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;isolation:isolate}.world-host,.world-frame-surface,.world-poster,.world-gesture-guard{position:absolute;inset:0}.world-host{z-index:1}.world-frame-surface{z-index:3;overflow:hidden;background:#141414;will-change:transform,clip-path,opacity}.world-frame-surface iframe,.world-poster{position:absolute;inset:0;width:100%;height:100%}.world-frame-surface iframe{z-index:1;border:0;opacity:0;pointer-events:none;background:#111;transition:opacity .42s ease}.world-poster{z-index:2;margin:0;transition:opacity .42s ease,visibility .42s}.world-poster img{width:100%;height:100%;object-fit:cover;object-position:center top}.world-gesture-guard{z-index:4;touch-action:pan-y;cursor:default}.world-frame-surface.is-live iframe{opacity:1}.world-frame-surface.is-live .world-poster{opacity:0;visibility:hidden}.world-meta{position:absolute;z-index:2;top:92px;left:var(--pad);right:var(--pad);max-width:340px;will-change:transform,opacity}.world-count{margin:0 0 34px;font-size:31px;font-weight:300;letter-spacing:-.05em}.world-count small{font-size:9px;letter-spacing:.08em;opacity:.45}.world-meta>div>span{font-size:7px;letter-spacing:.2em;opacity:.6}.world-meta h2{margin:10px 0 0;font-size:clamp(45px,11.5vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.05em}.world-meta>div>p{max-width:250px;margin:18px 0 0;font-size:11px;line-height:1.8;opacity:.7}.world-mark{position:absolute;z-index:7;top:92px;right:12px;display:flex;align-items:center;gap:12px;color:#fff;writing-mode:vertical-rl;text-shadow:0 1px 12px rgba(0,0,0,.45)}.world-mark span{font-size:11px;font-weight:600;letter-spacing:.16em}.world-mark small{font-size:6px;letter-spacing:.14em}.world-mark i{position:relative;width:1px;height:72px;background:rgba(255,255,255,.3)}.world-mark b{position:absolute;inset:0;background:currentColor;transform:scaleY(0);transform-origin:top}.world-exit{position:absolute;z-index:8;left:var(--pad);right:var(--pad);bottom:52px;max-width:355px;opacity:0;pointer-events:none;will-change:transform,opacity}.world-exit>p{margin:0 0 13px;font-size:7px;letter-spacing:.2em}.world-exit h3{margin:0;font-family:var(--serif);font-size:clamp(33px,9.2vw,45px);font-weight:500;line-height:1.22;letter-spacing:-.04em}.world-exit>div{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:28px}.world-exit a:first-child{display:block;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:9px;letter-spacing:.09em}.world-exit a:first-child small{display:block;margin-top:7px;font-size:6px;letter-spacing:.08em;opacity:.56}.world-exit a:last-child{font-size:7px;letter-spacing:.12em}.world-exit a:focus-visible{outline:2px solid currentColor;outline-offset:5px}body.world-takeover .site-header{opacity:0;pointer-events:none}

/* C-02: a vertical slit of daylight releases the dark stage, then Guide enters laterally. */
.daylight-portal{height:270svh;min-height:2050px;background:#e8e1c2}.daylight-host{color:#143d3a;background:#e8e1c2}.daylight-field{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.2fr .8fr}.daylight-field i{border-right:1px solid rgba(20,61,58,.12);background:linear-gradient(180deg,#f7f1d8,#dfe9d8)}.daylight-field i:nth-child(2){background:linear-gradient(160deg,#fffdf2 0 44%,#b9dded 44% 100%)}.daylight-field i:nth-child(3){background:#fff9dc}.daylight-surface{clip-path:inset(0 48% 0 48%);box-shadow:0 24px 70px rgba(23,60,55,.14)}.daylight-guide{position:absolute;z-index:5;right:4vw;top:10svh;width:42vw;max-width:190px;height:72svh;margin:0;overflow:hidden;background:#0c3f36;box-shadow:0 22px 55px rgba(16,55,49,.22);opacity:0;will-change:transform,opacity}.daylight-guide img{width:100%;height:100%;object-fit:cover;object-position:center top}.daylight-guide figcaption{position:absolute;right:10px;bottom:10px;padding:6px 8px;color:#fff;background:rgba(9,52,45,.78);font-size:5px;letter-spacing:.12em}.daylight-exit{color:#123c37}.daylight-exit>p{color:#d1654e}.daylight-portal .world-mark{color:#123c37;text-shadow:none}

/* C-03: one live page and two verified states approach at different depths. */
.living-portal{height:340svh;min-height:2600px;background:#7a5b46}.living-host{color:#fff6e9;background:radial-gradient(circle at 75% 25%,#c79d78 0,transparent 36%),linear-gradient(145deg,#5a3b2e,#8b6851 68%,#3d2d27)}.living-surface{inset:0;transform:translate(18vw,14vh) scale(.58);transform-origin:center;border:1px solid rgba(255,246,233,.35);box-shadow:0 34px 80px rgba(30,15,10,.34)}.living-layer{position:absolute;z-index:2;width:57vw;max-width:255px;height:64svh;margin:0;overflow:hidden;background:#d9c0a5;box-shadow:0 24px 55px rgba(28,16,11,.28);opacity:0;will-change:transform,opacity}.living-layer img{width:100%;height:100%;object-fit:cover;object-position:center top}.living-layer-a{left:-8vw;top:20svh;transform:translateY(12vh)}.living-layer-b{right:-9vw;top:12svh;transform:translateY(-9vh)}.living-caption{position:absolute;z-index:6;left:var(--pad);right:var(--pad);bottom:26px;display:flex;justify-content:space-between;color:#fff0df;font-size:6px;letter-spacing:.2em;opacity:0}.living-exit>p{color:#f2b38b}

/* C-04: order and whitespace reveal the product through a measured vertical aperture. */
.restraint-portal{height:255svh;min-height:1950px;background:#ede8de}.restraint-host{color:#222821;background:#ede8de}.restraint-rule{position:absolute;inset:0;display:grid;grid-template-columns:23% 54% 23%}.restraint-rule i{border-right:1px solid rgba(32,40,33,.14)}.restraint-type{position:absolute;right:8vw;bottom:5svh;margin:0;font-family:var(--serif);font-size:31vw;line-height:.72;color:rgba(35,42,35,.055);letter-spacing:-.16em}.restraint-surface{clip-path:inset(8% 46%);background:#1a211c}.restraint-court{position:absolute;z-index:5;right:6vw;bottom:7svh;width:34vw;max-width:150px;height:54svh;margin:0;overflow:hidden;background:#eee9df;box-shadow:0 18px 45px rgba(21,28,22,.2);opacity:0;will-change:transform,opacity}.restraint-court img{width:100%;height:100%;object-fit:cover;object-position:center top}.restraint-court figcaption{position:absolute;left:8px;bottom:8px;padding:5px 7px;color:#efe9df;background:rgba(27,34,28,.78);font-size:5px;letter-spacing:.12em}.restraint-portal .world-mark{color:#283127;text-shadow:none}.restraint-exit{color:#252c25}.restraint-exit>p{color:#7a493c}

@media(min-width:700px){
  .world-sticky{min-height:720px}.world-meta{top:50%;left:5vw;right:auto;width:29vw;max-width:430px;transform:translateY(-50%)}.world-meta h2{font-size:clamp(58px,5vw,76px)}.world-mark{top:auto;right:28px;bottom:38px;writing-mode:horizontal-tb}.world-mark i{width:120px;height:1px}.world-mark b{transform:scaleX(0);transform-origin:left}.world-exit{left:auto;right:6vw;bottom:auto;top:50%;width:min(470px,34vw);max-width:none;transform:translateY(-42%)}.world-exit h3{font-size:clamp(43px,3.8vw,62px)}
  .daylight-portal{height:245svh;min-height:2000px}.daylight-guide{right:5vw;top:8svh;width:24vw;max-width:340px;height:75svh}.living-portal{height:310svh;min-height:2500px}.living-layer{width:26vw;max-width:370px;height:66svh}.living-layer-a{left:4vw}.living-layer-b{right:3vw}.living-surface{transform:translate(17vw,10vh) scale(.5)}.living-caption{left:4vw;right:4vw;bottom:34px}.restraint-portal{height:235svh;min-height:1900px}.restraint-type{right:5vw;bottom:4svh;font-size:15vw}.restraint-court{right:4vw;bottom:7svh;width:18vw;max-width:280px;height:58svh}
}
@media(prefers-reduced-motion:reduce){
  .daylight-portal{height:190svh}.living-portal{height:210svh}.restraint-portal{height:190svh}.world-frame-surface iframe,.world-poster{transition:none}.world-frame-surface,.world-exit,.world-meta,.living-layer,.daylight-guide,.restraint-court{will-change:auto}
}