.k-root{color:var(--page-ink);position:relative}.k1{--stile:clamp(18px, 2.2vw, 40px);--stile-meet:calc(var(--stile) * .6);--rail-top:3svh;--rail-mid:3.4svh;--rail-bot:4.4svh;--mid:47%;--wood:var(--page-bg);height:100svh;position:relative;overflow:hidden}.k1-roomwrap,.k1-room,.k1-shutter,.k1-exposure,.k1-floorgrad{position:absolute;inset:0}.k1-room{overflow:hidden}.k1-navmark{pointer-events:none;position:absolute;inset:48% 0 0}.k1-roomimg{transform-origin:50% 58%;will-change:transform;position:absolute;inset:0}.k1-roomimg img{object-fit:cover;object-position:50% 62%;width:100%;height:100%}.k1-exposure{opacity:.42;background:#2a1a0e}.k1-floorgrad{opacity:0;background:linear-gradient(#1e0c0600,#1e0c069e);top:36%}.k1-card{left:var(--page-margin);right:var(--page-margin);color:var(--moon);visibility:hidden;max-width:760px;position:absolute;bottom:clamp(28px,7svh,76px)}.k1-card .label{opacity:.88;align-items:center;gap:12px;display:flex}.k1-card .label:before{content:"";background:currentColor;width:28px;height:1px}.k1-card h3{font-size:var(--text-display-l);letter-spacing:-.02em;max-width:13ch;margin:16px 0 0;font-weight:320;line-height:1.02}.k1-card p{max-width:40ch;font-size:var(--text-body-l);opacity:.92;text-wrap:pretty;margin:18px 0 0;line-height:1.55}.k-root em{font-style:italic}.k-root .k-glue{white-space:nowrap}.k-root .font-display em{font-weight:300}.k1-shutter{perspective:1700px;perspective-origin:50% 46%}.k1-leaf{width:50%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;bottom:0}.k1-leaf--l{transform-origin:0;left:0}.k1-leaf--r{transform-origin:100%;right:0}.k1-panel{perspective:900px;position:absolute;overflow:hidden;container-type:size}.k1-leaf--l .k1-panel{left:var(--stile);right:var(--stile-meet)}.k1-leaf--r .k1-panel{left:var(--stile-meet);right:var(--stile)}.k1-panel--up{top:var(--rail-top);height:calc(var(--mid) - var(--rail-top) - var(--rail-mid) / 2);perspective-origin:50% 100%}.k1-panel--lo{top:calc(var(--mid) + var(--rail-mid) / 2);bottom:var(--rail-bot);perspective-origin:50% 0}.k1-panel:after{content:"";z-index:60;pointer-events:none;opacity:var(--frame-in,0);position:absolute;inset:0;box-shadow:inset 0 7px 9px -5px #2c200e61,inset 0 -2px 3px -1px #fffcf466,inset 5px 0 7px -5px #2c200e47,inset -5px 0 7px -5px #2c200e47}.k1-slat{left:0;right:0;top:calc((var(--i) - .04) * 100% / var(--n));height:calc(108% / var(--n));z-index:calc(40 - var(--i));transform-style:preserve-3d;will-change:transform;position:absolute}.k1-face{background:var(--wood);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.k1-edge{backface-visibility:hidden;height:13%;opacity:var(--frame-in,0);position:absolute;left:0;right:0}.k1-edge--top{transform-origin:50% 0;background:linear-gradient(180deg, #fffdf6bf, #fffdf640), var(--wood);top:0;transform:rotateX(-90deg)}.k1-edge--bot{transform-origin:50% 100%;background:linear-gradient(180deg, #3a2a146b, #3a2a143d), var(--wood);bottom:0;transform:rotateX(90deg)}.k1-relief{opacity:0;background:linear-gradient(180deg, #2c1f0e66 0%, #2c1f0e5c 7.4%, #2c1f0e29 12%, #2c1f0e00 20%, #fffcf433 30%, #fffcf40f 52%, #503c1e0f 66%, #503c1e33 82%, #3c2c164d 88.5%, #fffcf4c7 91%, #fffcf48c 93%, #6e542e52 95.5%, #22180aa8 99%), url(/sections/kosk/timber-grain.png) calc(var(--i) * -173px) calc(var(--i) * -41px) / 1024px 160px repeat, var(--wood);background-blend-mode:normal, soft-light, normal;position:absolute;inset:0}.k1-line{transform-origin:50%;background:#281e0e6b;height:1px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.k1-lit,.k1-shade{opacity:0;pointer-events:none;position:absolute;inset:0}.k1-lit{background:linear-gradient(#fff9ecf2,#fff6e4b3)}.k1-shade{background:#261a0c}.k1-gap{left:0;right:0;top:calc((var(--i) + .92) * 100% / var(--n));height:calc(100% / var(--n));z-index:0;pointer-events:none;position:absolute}.k1-glow,.k1-dark{opacity:0;will-change:opacity;position:absolute;inset:0}.k1-glow{background:linear-gradient(#ffe6ba00 0%,#ffecc89e 22%,#fff2da4d 55%,#fff2da00 100%)}.k1-dark{background:linear-gradient(#160e06c7,#160e0673)}.k1-rail,.k1-stile{z-index:70;background:var(--wood);position:absolute}.k1-rail{left:0;right:0}.k1-stile{top:0;bottom:0}.k1-rail:before,.k1-stile:before{content:"";opacity:var(--frame-in,0);background-blend-mode:normal, soft-light, normal;position:absolute;inset:0}.k1-rail:before{background:linear-gradient(180deg, #fffcf4b3 0, #fffcf440 2px, #fffcf400 18%, #46341a0f 70%, #46341a38 calc(100% - 3px), #281c0c80 100%), url(/sections/kosk/timber-grain.png) 0 0 / 1024px 160px repeat, var(--wood)}.k1-stile:before{background:linear-gradient(90deg, #281c0c66 0, #fffcf48c 2px, #fffcf400 22%, #46341a0d 70%, #46341a33 calc(100% - 3px), #281c0c73 100%), url(/sections/kosk/timber-grain.png) 0 0 / 160px 1024px repeat, var(--wood)}.k1-rail--top{height:var(--rail-top);top:0}.k1-rail--mid{top:calc(var(--mid) - var(--rail-mid) / 2);height:var(--rail-mid)}.k1-rail--bot{height:var(--rail-bot);bottom:0}.k1-leaf--l .k1-stile--out,.k1-leaf--r .k1-stile--in{left:0}.k1-leaf--l .k1-stile--in,.k1-leaf--r .k1-stile--out{right:0}.k1-stile--out{width:var(--stile)}.k1-stile--in{width:var(--stile-meet)}.k1-leaf--l .k1-stile--in:after{content:"";width:2px;opacity:var(--frame-in,0);background:linear-gradient(90deg,#281c0c8c,#fffcf459);position:absolute;top:0;bottom:0;right:0}.k1-print{left:0;right:0;top:calc(-1 * (var(--i) - .04) * 100% / 1.08);height:calc(var(--n) * 100% / 1.08);pointer-events:none;position:absolute}.k1-ink{opacity:0}.k1-head{left:var(--head-x,6%);width:var(--head-w,92%);top:calc(var(--head-row,2) * 100cqh / var(--n) + var(--head-nudge,0px));font-size:var(--head-size,min(calc(170cqh / var(--n)), 4.4vw));line-height:calc(var(--head-span,2) * 100cqh / var(--n));letter-spacing:-.016em;color:var(--ink);margin:0;font-weight:340;position:absolute}.k1-head em{white-space:nowrap}.k1-eyebrow{top:calc(var(--eb-row,1) * 100cqh / var(--n));height:calc(100cqh / var(--n));color:var(--ink-soft);flex-direction:column;justify-content:center;line-height:1.5;display:flex;position:absolute}.k1-leaf--r .k1-eyebrow{text-align:right;right:6%}.k1-hint{right:6%;top:calc(var(--hint-row,9) * 100cqh / var(--n));height:calc(100cqh / var(--n));color:var(--ink-soft);transition:opacity var(--dur-micro) ease;align-items:center;gap:12px;display:flex;position:absolute}.k1-hint:before{content:"";background:currentColor;width:28px;height:1px}.k1-only-mob,.k-touch-only,.k-root .k-touch-only{display:none}@media (hover:none){.k-root .k-touch-only{display:flex}.k-root .k-hover-only{display:none}}.k1-gobo{z-index:80;pointer-events:none;opacity:0;transform-origin:6% 8%;will-change:transform, opacity;width:min(70vw,1100px);position:absolute;top:-16%;left:-8%}.k1-gobo img{width:100%;height:auto;display:block}.k-tepal{z-index:var(--z-botanical-front);pointer-events:none;will-change:transform, opacity;width:54px;position:fixed;top:0;left:0}.k2{--pad-t:16vw;--pad-b:15vw;padding:var(--pad-t) var(--page-margin) var(--pad-b);place-items:center;display:grid;position:relative;overflow:hidden}.k2-plants{pointer-events:none;position:absolute;inset:0}.k2-leaf{--w:30vw;--py:calc(var(--pad-t) - 10.3vw);width:var(--w);right:calc(-.0055 * var(--w) - 1.4vw);top:calc(var(--py) - .22 * .6097 * var(--w))}.k2-bloom{--w:21vw;--sy:calc(100% - var(--pad-b) + 12.4vw);width:var(--w);left:calc(-1.6vw - .1612 * var(--w) - .3911 * var(--w));top:calc(var(--sy) - .144 * var(--w) - .9945 * 1.2905 * var(--w))}.k2-text{text-align:center;width:min(44rem,100%);position:relative}.k2-script{font-family:var(--font-script);color:var(--page-ink-soft);clip-path:inset(0 100% 0 0);margin-top:22px;font-size:clamp(32px,3vw,48px);line-height:1;display:block}.k2-title{max-width:8.6em;font-size:var(--text-display-l);letter-spacing:-.02em;text-wrap:balance;margin:10px auto 0;font-weight:320;line-height:1.02}.k2-title em{white-space:nowrap}.k2-body{max-width:min(31em,52vw);color:var(--page-ink-soft);margin:30px auto 0}.k2-body>p{text-wrap:balance;margin:0}.k3{column-gap:var(--gutter);max-width:var(--content-max);padding:clamp(40px, 6svh, 72px) var(--page-margin) clamp(28px, 3.6svh, 48px);grid-template-rows:auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;margin:0 auto;display:grid}.k3-terrace{grid-area:1/1/span 2/span 4;margin:0}.k3-terrace__frame{aspect-ratio:4/5;clip-path:inset(100% 0 0);position:relative;overflow:hidden}.k3-terrace__frame img{object-fit:cover;object-position:50% 30%;transform-origin:50% 40%;width:100%;height:100%;position:absolute;inset:0}.k3-text{grid-area:1/5/auto/span 4;align-self:start;padding-top:4px}.k3-title{font-size:var(--text-display-m);letter-spacing:-.018em;max-width:14ch;margin:18px 0 0;font-weight:320;line-height:1.04}.k3-body{max-width:38ch;color:var(--page-ink-soft);text-wrap:pretty;margin:22px 0 0}.k3-bridge{letter-spacing:-.012em;grid-area:2/5/auto/span 4;align-self:end;max-width:18ch;margin:32px 0 0;font-size:clamp(24px,2.2vw,36px);font-weight:320;line-height:1.12}.k3-plan{grid-area:1/9/span 2/span 4;align-self:start;margin:0;position:relative}.k3-planbox{aspect-ratio:1710/1355;position:relative}.k3-planbox svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.k3-wall{fill:none;stroke:var(--page-ink);stroke-width:2.2px;stroke-linejoin:miter;stroke-linecap:square;vector-effect:non-scaling-stroke}.k3-part{fill:none;stroke:var(--page-ink);stroke-width:1.15px;stroke-linecap:square;vector-effect:non-scaling-stroke}.k3-detail{fill:none;stroke:var(--page-ink-soft);stroke-width:.8px;vector-effect:non-scaling-stroke}.k3-room{fill:var(--sand);fill-opacity:0;stroke:none;cursor:pointer;transition:fill-opacity var(--dur-micro) var(--ease-22);outline:none}.k3-room.is-on{fill-opacity:.5}.k3-room:focus-visible{fill-opacity:.5;stroke:var(--coral);stroke-width:1.5px;vector-effect:non-scaling-stroke}.k3-star{fill:var(--gold);opacity:0}.k3-lbl{font:inherit;color:inherit;text-align:center;pointer-events:none;opacity:0;white-space:nowrap;background:0 0;border:0;padding:0;line-height:1.25;position:absolute;transform:translate(-50%,-50%)}.k3-lbl .label{letter-spacing:.1em;color:var(--page-ink);font-size:9px}.k3-lbl--compact .label{letter-spacing:.06em;font-size:8px}.k3-lbl--vertical{writing-mode:vertical-rl}.k3-lbl--vertical .label{display:block;transform:rotate(180deg)}.k3-lbl--wrap{white-space:normal;text-wrap:balance;font-size:9px;line-height:1.5}.k3-lbl--arrow{text-align:left;white-space:normal;width:54px;font-size:8px;line-height:1.5;transform:translate(-50%,-100%)}.k3-viewer{background:color-mix(in oklab, var(--page-bg), var(--page-ink) 6%);opacity:0;position:absolute;overflow:hidden}.k3-viewer img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-22);position:absolute;inset:0}.k3-viewer img.is-on{opacity:1}.k3-viewer__type{text-align:center;opacity:0;transition:opacity .5s var(--ease-22);grid-template-columns:minmax(0,1fr);place-content:center;padding:0 10%;display:grid;position:absolute;inset:0}.k3-viewer__type.is-on{opacity:1}.k3-viewer__type .font-display{text-wrap:balance;font-size:clamp(17px,1.55vw,28px);font-style:italic;font-weight:300;line-height:1.05}.k3-viewer__cap{background:color-mix(in oklab, var(--page-bg) 88%, transparent);color:var(--page-ink);transition:opacity .5s var(--ease-22);padding:4px 6px 3px;font-size:8.5px;position:absolute;bottom:6px;left:6px}.k3-viewer__cap.is-off{opacity:0}.k3-hint{color:var(--page-ink-soft);align-items:center;gap:12px;margin:18px 0 0;font-size:11px;display:flex}.k3-hint:before{content:"";background:currentColor;width:28px;height:1px}@media (max-width:767px){.k1{--stile:14px;--rail-top:18px;--rail-mid:22px;--rail-bot:26px;--mid:50%}.k1-roomimg img{object-position:50% 70%}.k1-navmark{top:40%}.k1-floorgrad{background:linear-gradient(#1e0c0600,#1e0c0680 36%,#1e0c06b8);top:28%}.k1-leaf--l{width:100%}.k1-leaf--r{display:none}.k1-leaf--l .k1-panel{right:var(--stile)}.k1-leaf--l .k1-stile--in{width:var(--stile)}.k1-leaf--l .k1-stile--in:after{display:none}.k1-only-mob{display:flex}.k1-only-desk{display:none}.k1 .k1-head{--head-x:16px;--head-w:calc(100% - 36px);--head-span:1;--head-size:min(calc(86cqh / var(--n)), 8.6vw)}.k1-leaf--l .k1-eyebrow{left:16px}.k1 .k1-head{--head-row:3}.k1-gobo{transform-origin:90% 8%;width:130vw;top:-8%;left:auto;right:-34%}.k1-card h3{max-width:12ch}.k3{display:block}.k2{--pad-t:32svh;--pad-b:34svh}.k2-body{max-width:31em}.k2-leaf{--w:78vw;--py:13svh}.k2-bloom{--w:44vw;--sy:calc(100% - 2svh)}.k3-terrace{margin-top:32px}.k3-title{max-width:16ch}.k3-title em{white-space:nowrap}.k3-plan{margin-top:36px}.k3-bridge{margin-top:44px}.k3-lbl .label{letter-spacing:.08em;font-size:8.5px}.k3-lbl--compact .label{letter-spacing:.04em;font-size:7.5px}.k3-viewer__cap{font-size:9px}}.k-root.is-still .k1{flex-direction:column;height:auto;display:flex}.k-root.is-still .k1-shutter{order:0;height:72svh;position:relative}.k-root.is-still .k1-roomwrap{order:1;height:100svh;position:relative}.k-root.is-still .k1-exposure{opacity:0}.k-root.is-still .k1-floorgrad,.k-root.is-still .k1-relief,.k-root.is-still .k1-ink,.k-root.is-still .k3-lbl,.k-root.is-still .k3-star,.k-root.is-still .k3-viewer{opacity:1}.k-root.is-still .k1-card{visibility:visible}.k-root.is-still .k1-shutter,.k-root.is-still .k1-slat{--frame-in:1}.k-root.is-still .k1-line{transform:none}.k-root.is-still .k1-gobo{opacity:.13}.k-root.is-still .k1-hint{display:none}.k-root.is-still .k3-terrace__frame,.k-root.is-still .k2-script{clip-path:none}
