/* Tefnut — cinematic edition. Progressive enhancement, natural scrolling, real content first. */
:root{--scene-black:#0b1011;--scene-white:#f5f8f8;--scene-line:#354b50;--scene-soft:#c2d2d4}
.magnetic-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px}.magnetic-inner>span:last-child{font-size:25px;line-height:1}.button:has(.magnetic-inner){transform:none!important;box-shadow:none!important}.site-header{background:#0b1011;--paper:#0b1011;--ink:#f5f8f8;--line:#2b4448}.header-inner{min-height:76px}.brand-mark{width:33px;height:38px}.brand-lockup strong{font-size:23px}.header-book{background:var(--accent);color:#0b1011}.header-book:hover{background:#70e8d0}.preference{min-width:36px}.main-nav>a{font-size:13px}.reading-progress{height:2px}
/* A cinematic entry timeline settles into an expanding scroll portrait. */
.cinema-hero{position:relative;background:var(--scene-black);color:var(--scene-white);--hero-progress:0;--hero-expand:0%;--hero-radius:44px}.cinema-stage{position:relative;padding:30px 0 0;min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center}.cinema-topline{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:10px;letter-spacing:.11em;color:var(--scene-soft);margin-bottom:28px}.cinema-topline>span:first-child{display:flex;align-items:center;gap:12px}.cinema-edition{font-size:9px;letter-spacing:.15em}.cinema-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(34px,5vw,82px);align-items:center}.cinema-copy{position:relative;z-index:2;min-width:0}.cinema-kicker{font-size:10px;letter-spacing:.13em;margin-bottom:25px;color:#b5cbce}.cinema-title{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:clamp(82px,9.1vw,150px);letter-spacing:-.083em;line-height:.88;margin-bottom:32px}.cinema-line{display:block}.cinema-line>[data-hero-line]{display:block;transform-origin:left bottom}.cinema-signature{font-size:.43em;line-height:1.16;letter-spacing:-.055em;color:var(--accent);padding-top:19px;white-space:nowrap}.cinema-support>p{font-size:15px;line-height:1.8;color:var(--scene-soft);max-width:370px;margin-bottom:24px}.cinema-support .button{min-height:58px;min-width:330px;font-size:13px}.cinema-phone{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:11px;min-height:44px;margin-top:12px;color:var(--scene-soft)}.cinema-phone>span:last-child{color:var(--scene-white);font-weight:600}.cinema-phone:hover{color:var(--accent)}.cinema-media{position:relative;margin:0;min-width:0}.cinema-image-mask{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.02;height:min(61svh,680px);background:#1d3236;border-radius:var(--hero-radius) 0 var(--hero-radius) 0;clip-path:polygon(calc(7% * (1 - var(--hero-progress))) 0,100% 0,100% calc(93% + 7% * var(--hero-progress)),calc(93% + 7% * var(--hero-progress)) 100%,0 100%,0 calc(7% * (1 - var(--hero-progress))))}.cinema-image-mask picture{display:block;width:100%;height:100%}.cinema-image-mask img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:56% 54%;transform-origin:55% 55%}.cinema-image-mask::after{content:'';position:absolute;inset:18px;border:1px solid #ffffff4d;pointer-events:none;z-index:2}.cinema-crosshair{position:absolute;top:33px;right:32px;color:#fff;z-index:3;display:flex;gap:12px;align-items:center;pointer-events:none}.cinema-crosshair i{width:27px;height:27px;position:relative}.cinema-crosshair i::before,.cinema-crosshair i::after{content:'';position:absolute;background:currentColor;inset:13px 0 auto;height:1px}.cinema-crosshair i::after{transform:rotate(90deg)}.cinema-crosshair>span{background:#0b1a1ce8;padding:7px 10px;font-size:8px;font-weight:600;line-height:1.5;letter-spacing:.09em}.cinema-edge{position:absolute;right:26px;bottom:25px;color:var(--scene-white);background:#0b1a1ceb;padding:6px 10px;font-size:9px;letter-spacing:.14em}.cinema-media figcaption{display:flex;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:.07em;line-height:1.8;color:var(--scene-soft);padding-top:16px}.cinema-media figcaption>span:last-child{font-size:8px;white-space:nowrap}.cinema-seal{position:absolute;left:-39px;bottom:51px;width:108px;height:108px;border:7px solid var(--scene-black);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--accent);color:var(--scene-black);z-index:4;transition:background .2s}.cinema-seal>span:first-child{font-size:33px;line-height:1}.cinema-seal>span:last-child{font-size:9px;text-align:center;line-height:1.45;font-weight:600;white-space:pre-line}.cinema-seal:hover{background:#70e8d0}.cinema-bottom{border-top:1px solid var(--scene-line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0 22px;margin-top:32px;color:var(--scene-soft);font-size:9px;letter-spacing:.1em}.cinema-bottom>a{display:flex;align-items:center;gap:13px;min-height:44px}.cinema-bottom .motion-switch{color:var(--scene-white);border-color:#53777d;background:transparent;font-size:11px}.cinema-bottom .motion-switch[aria-pressed="true"]{background:var(--accent);color:var(--scene-black)}.cinema-hero :focus-visible{outline-color:#76ecd6}
:root[data-experience="ready"]:not([data-motion="reduced"]):not(.motion-paused) .cinema-hero{min-height:175svh}:root[data-experience="ready"]:not([data-motion="reduced"]):not(.motion-paused) .cinema-stage{position:sticky;top:var(--header-height,76px)}
/* Kinetic typography serves as the transition, not a loading screen. */
.kinetic-band{overflow:clip;background:var(--accent);color:var(--scene-black);padding:19px 0}.marquee-track{display:flex;align-items:center;gap:35px;width:max-content;white-space:nowrap;font:700 clamp(35px,5.5vw,82px)/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em;transform:translateX(0)}.marquee-track i{font-style:normal;font-size:.7em}.intro-section{padding-block:105px}.intro-copy .statement{font-size:clamp(43px,4.9vw,76px);line-height:1.08}.intro-visual .mini-photo{border-radius:3px}.services-section .section-heading{margin-bottom:55px}.services-grid{gap:16px;border:0;background:transparent}.service-card{border:1px solid var(--line);padding:30px 25px;min-height:375px}.service-card-featured{border-color:var(--accent)}.service-top{margin-bottom:43px}.service-card h3{font-size:29px}.service-card>p{font-size:14px}.service-cta{font-size:13px}.workshop-row{padding-block:26px}.workshop-row:hover{background:var(--paper);padding-inline:20px}
/* Three large photographic chapters; all content remains ordinary flow by default. */
.experience-story{background:var(--scene-black);color:var(--scene-white);position:relative;padding:88px 0;--story-current:0}.story-stage{position:relative}.story-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.story-top .section-kicker{margin:0;font-size:10px;color:#bbd0d4}.story-tagline{font-size:9px;letter-spacing:.1em;color:#afc8cd}.story-heading{font-size:clamp(42px,5vw,74px);line-height:1.05;letter-spacing:-.055em;margin:33px 0 43px}.story-composition{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(45px,7vw,110px);align-items:center}.story-visual{position:relative;min-width:0;display:grid;gap:22px}.story-frame{margin:0;position:relative;overflow:hidden;background:#1d3236;aspect-ratio:4/3}.story-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.story-photo-label{position:absolute;left:24px;bottom:23px;z-index:5;background:#0b1a1ceb;color:var(--scene-white);font-size:9px;letter-spacing:.12em;padding:8px 13px}.story-editorial{position:relative;min-width:0}.story-index{display:flex;align-items:baseline;gap:15px;font-family:'Space Grotesk',Arial,sans-serif;margin-bottom:25px}.story-index>span:first-child{font-size:88px;font-weight:500;line-height:1;letter-spacing:-.07em;color:var(--accent)}.story-index>span:nth-child(2){font-size:15px;color:#a5c2c8}.story-index>i{font-size:53px;margin-left:auto;font-style:normal;color:#486e75}.story-copy-stack article{padding:22px 0;border-bottom:1px solid var(--scene-line)}.story-copy-stack .micro{font-size:10px;letter-spacing:.1em;color:#a7cbd0;margin-bottom:17px}.story-copy-stack h3{font-size:clamp(39px,4.3vw,64px);line-height:1.03;letter-spacing:-.06em;white-space:pre-line;margin-bottom:23px}.story-description{font-size:15px;line-height:1.85;color:#c5d8db;max-width:440px}.story-timeline{height:2px;background:#315258;margin:30px 0 17px;overflow:hidden}.story-timeline>span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.story-controls{display:flex;align-items:center;gap:7px;margin-bottom:22px}.story-controls button{display:flex;align-items:center;gap:10px;min-height:45px;padding:11px 14px;border:1px solid #51747c;background:transparent;color:#c2d9de;font-size:11px;white-space:nowrap}.story-controls button>span:first-child{font-size:9px;color:#a1c1c8}.story-controls button[aria-pressed="true"]{background:var(--accent);color:#071d18;border-color:var(--accent)}.story-controls button[aria-pressed="true"]>span:first-child{color:#113430}.story-controls button:hover{border-color:var(--accent)}.story-editorial .text-link{color:var(--scene-white);font-size:12px}.experience-story :focus-visible{outline-color:#76ecd6}
.experience-story.motion-enabled{padding-block:0;min-height:290svh}.motion-enabled .story-stage{position:sticky;top:var(--header-height,76px);padding-block:24px;min-height:calc(100svh - var(--header-height,76px));display:flex;flex-direction:column;justify-content:center}.motion-enabled .story-top{margin-bottom:20px}.motion-enabled .story-heading{font-size:clamp(36px,3.1vw,49px);margin:0 0 24px}.motion-enabled .story-heading br{display:none}.motion-enabled .story-composition{align-items:center}.motion-enabled .story-visual{height:clamp(300px,57svh,650px);display:block;overflow:hidden;border-radius:3px}.motion-enabled .story-frame{display:contents;aspect-ratio:auto;position:static}.motion-enabled [data-story-image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.motion-enabled .story-copy-stack{min-height:270px}.motion-enabled .story-copy-stack article{border:0;padding:0}.motion-enabled .story-index{margin-bottom:20px}.motion-enabled .story-index>span:first-child{font-size:74px}.motion-enabled .story-index>i{font-size:46px}.motion-enabled .story-timeline{margin:17px 0 14px}.motion-enabled .story-controls{margin-bottom:10px}
/* Native touch rail with depth, followed by an actual dialog rather than a fake gallery. */
.experience-gallery{background:var(--paper);overflow:clip}.experience-gallery .section-kicker{margin-bottom:30px}.experience-gallery .section-heading{margin-bottom:50px}.gallery-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;padding-bottom:20px}.gallery-rail{position:relative;display:flex;align-items:start;gap:28px;padding-inline:var(--gutter);width:max-content}.gallery-shot{margin:0;flex:0 0 auto;width:clamp(280px,34vw,520px);scroll-snap-align:start;min-width:0}.gallery-photo{position:relative;overflow:hidden;background:#172c31;aspect-ratio:4/5;border-radius:3px}.gallery-photo img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform-origin:center}.gallery-shot:nth-child(2n){padding-top:48px}.gallery-photo button{display:none;position:absolute;right:16px;bottom:16px;align-items:center;gap:11px;min-height:45px;padding:10px 16px;border:1px solid #cbdfe3;background:#f4f7f7;color:#0d1d22;font-size:11px}.gallery-photo button>span:first-child{font-size:23px;line-height:1}.gallery-photo button:hover{background:var(--accent);border-color:var(--accent)}:root[data-dialog-supported="true"] .gallery-photo button{display:flex}.gallery-shot figcaption{padding:23px 2px 10px;background:var(--paper);color:var(--ink)}.gallery-shot figcaption>span{display:block;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:13px}.gallery-shot h3{font-size:clamp(24px,2.15vw,32px);line-height:1.14;letter-spacing:-.04em;max-width:370px}.gallery-bottom{display:flex;align-items:start;justify-content:space-between;gap:40px;padding-top:20px}.gallery-bottom .media-disclosure{font-size:12px;line-height:1.8;margin:0;max-width:550px}.gallery-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.gallery-controls>span{font-size:12px;letter-spacing:.06em;margin-right:20px;min-width:55px}.gallery-controls button{min-width:49px;min-height:49px;border:1px solid var(--muted);background:transparent;color:var(--ink);font-size:23px;line-height:1}.gallery-controls button:hover{background:var(--ink);color:var(--paper)}
.detail-dialog{position:fixed;inset:0;width:min(1100px,92vw);max-width:92vw;height:min(850px,92svh);max-height:92svh;padding:0;border:1px solid #4e737d;background:#0d1d20;color:var(--scene-white);overflow:hidden;box-shadow:0 30px 100px #0009}.detail-dialog:not([open]){display:none}.detail-dialog[open]{display:flex;flex-direction:column}.detail-dialog::backdrop{background:#040a0ceb;backdrop-filter:blur(10px)}.dialog-top,.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 24px;flex-shrink:0}.dialog-top{border-bottom:1px solid #2e4b50;font-size:10px;letter-spacing:.12em}.detail-dialog>img{width:100%;height:100%;min-height:0;flex:1 1 auto;object-fit:contain;background:#071316}.dialog-bottom{border-top:1px solid #2e4b50}.dialog-bottom p{font-size:13px;line-height:1.6;max-width:75%}.dialog-bottom>div{display:flex;gap:9px}.detail-dialog button{color:var(--scene-white);background:transparent;border:1px solid #547c84;width:44px;height:44px;flex-shrink:0;font-size:24px;line-height:1}.detail-dialog button:hover{color:#0b1011;background:var(--accent);border-color:var(--accent)}.detail-dialog :focus-visible{outline-color:#76ecd6}.dialog-top [data-dialog-close]{font-size:31px}.reviews-grid{gap:24px}.review-card{padding:23px;background:var(--paper);border:1px solid var(--line)}.booking-section .button:has(.magnetic-inner){min-width:0}.booking-panel{border-radius:4px}.form-privacy,.recommendation{font-size:15px}.service-card,.review-card{transition:transform .25s var(--ease),border-color .2s}.service-card:hover,.review-card:hover{border-color:var(--accent-text)}
/* Safe fallback restores every chapter, without cloned content or a tall empty reservation. */
:root[data-motion="reduced"] .cinema-stage,:root.motion-paused .cinema-stage{position:relative;top:0}:root[data-motion="reduced"] .cinema-hero,:root.motion-paused .cinema-hero{min-height:0}:root:not([data-experience="ready"]) .story-controls,:root:not([data-experience="ready"]) .gallery-controls{display:none}:root[data-motion="reduced"] .cinema-image-mask,:root.motion-paused .cinema-image-mask{clip-path:none;border-radius:4px}:root:not([data-dialog-supported="true"]) .gallery-photo button{display:none}.experience-story:not(.motion-enabled) .story-index{display:none}.experience-story:not(.motion-enabled) .story-copy-stack article{display:block;visibility:visible}.experience-story:not(.motion-enabled) .story-composition{align-items:start}
@media(min-width:1600px){.cinema-layout{gap:100px}.cinema-image-mask{height:660px}.cinema-title{font-size:155px}.cinema-support>p{font-size:16px}.cinema-stage{padding-top:38px}.cinema-bottom{margin-top:40px}.motion-enabled .story-copy-stack{min-height:285px}}
@media(max-width:1200px){.cinema-title{font-size:9.2vw}.cinema-support>p{font-size:14px;max-width:340px}.cinema-support .button{min-width:290px;font-size:12px}.cinema-image-mask{height:min(60svh,540px)}.cinema-edition{font-size:8px}.cinema-media figcaption>span:last-child{display:none}.service-card{padding:25px 20px}.service-card h3{font-size:25px}.story-composition{gap:45px}.story-description{font-size:14px;line-height:1.8}.story-copy-stack h3{font-size:47px}.story-controls button{padding:10px;font-size:10px;gap:6px}.story-index>span:first-child{font-size:68px}.motion-enabled .story-copy-stack{min-height:255px}.motion-enabled .story-visual{height:54svh}.gallery-shot{width:39vw}}
@media(max-width:980px){.cinema-topline{font-size:9px}.cinema-edition{display:none}.cinema-layout{gap:30px}.cinema-title{font-size:9.6vw;letter-spacing:-.085em}.cinema-signature{font-size:.42em}.cinema-support .button{min-width:0;width:100%;padding-inline:18px}.cinema-phone{gap:10px;font-size:10px}.cinema-kicker{font-size:8px;margin-bottom:23px}.cinema-support>p{font-size:13px}.cinema-seal{width:89px;height:89px;left:-26px;bottom:40px;border-width:5px}.cinema-seal>span:first-child{font-size:28px}.cinema-seal>span:last-child{font-size:8px}.cinema-crosshair{right:22px;top:22px}.cinema-crosshair>span{display:none}.cinema-bottom{font-size:8px;gap:18px}.cinema-bottom .motion-switch{font-size:10px}.story-heading{font-size:48px}.story-composition{gap:32px;grid-template-columns:1.08fr 1fr}.story-copy-stack h3{font-size:40px}.story-description{font-size:13px}.story-index>span:first-child{font-size:60px}.motion-enabled .story-copy-stack{min-height:245px}.motion-enabled .story-visual{height:53svh}.story-controls{gap:5px}.story-controls button{gap:5px;font-size:9px;padding:10px 8px}.services-grid{gap:16px}.service-card{min-height:330px;padding:29px}.service-card h3{font-size:29px}.gallery-shot{width:46vw}.gallery-shot h3{font-size:29px}}
@media(max-width:768px){.header-inner{min-height:64px}.cinema-stage{min-height:0;padding-top:28px}.cinema-topline{margin-bottom:27px;letter-spacing:.08em}.cinema-layout{display:flex;flex-direction:column;align-items:stretch;gap:26px}.cinema-kicker{font-size:9px;margin-bottom:19px}.cinema-title{font-size:clamp(65px,13vw,98px);line-height:.91;letter-spacing:-.07em;margin-bottom:23px}.cinema-title>.cinema-line:not(.cinema-signature){display:inline-block}.cinema-title>.cinema-line:first-child{margin-right:.12em}.cinema-signature{font-size:.5em;padding-top:10px;line-height:1.15;display:block}.cinema-support{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-items:center}.cinema-support>p{margin:0;font-size:13px;line-height:1.8;grid-row:span 2;max-width:360px}.cinema-support .button{min-height:54px;font-size:11px;min-width:0;padding-inline:17px}.cinema-phone{grid-column:2;margin-top:6px;gap:5px;justify-content:space-between;font-size:9px}.cinema-image-mask{height:clamp(270px,59vw,445px);width:100%;aspect-ratio:auto;clip-path:none;border-radius:28px 0 28px 0}.cinema-image-mask img{object-position:52% 58%}.cinema-image-mask::after{inset:13px}.cinema-crosshair{right:25px;top:25px}.cinema-edge{font-size:8px;bottom:23px;right:23px}.cinema-seal{left:auto;right:15px;bottom:48px;transform:none;width:89px;height:89px}.cinema-media figcaption{font-size:9px;padding-top:11px}.cinema-bottom{margin-top:23px;padding-block:13px;gap:10px}.cinema-bottom>span{display:none}.cinema-bottom .motion-switch{margin-left:auto;min-height:42px}.cinema-bottom>a{font-size:8px;letter-spacing:.08em}.cinema-bottom .scroll-cue{font-size:22px}:root[data-experience="ready"]:not([data-motion="reduced"]):not(.motion-paused) .cinema-hero{min-height:145svh}:root[data-experience="ready"]:not([data-motion="reduced"]):not(.motion-paused) .cinema-stage{position:relative;top:0}.kinetic-band{padding:17px 0}.marquee-track{font-size:51px;gap:26px}.intro-section{padding-block:77px}.intro-copy .statement{font-size:clamp(36px,5.5vw,49px)}.experience-story{padding-block:65px}.story-top{margin-bottom:22px}.story-top .section-kicker{font-size:9px}.story-tagline{display:none}.story-heading{font-size:45px;margin:0 0 32px}.story-composition{grid-template-columns:1fr;gap:24px}.story-visual{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.story-frame{aspect-ratio:3/4}.story-photo-label{font-size:7px;left:12px;bottom:12px;padding:6px 9px}.story-index{margin-bottom:17px;align-items:center}.story-index>span:first-child{font-size:51px}.story-index>span:nth-child(2){font-size:12px}.story-index>i{font-size:37px}.story-copy-stack h3{font-size:42px;margin-bottom:16px}.story-copy-stack article{padding:23px 0}.story-copy-stack .micro{font-size:9px;margin-bottom:12px}.story-description{font-size:14px;line-height:1.8;max-width:520px}.story-timeline{margin-block:23px 14px}.story-controls{margin-bottom:10px;gap:9px}.story-controls button{font-size:12px;padding:11px 16px;gap:10px}.story-editorial .text-link{font-size:12px}.experience-story.motion-enabled{min-height:290svh}.motion-enabled .story-stage{padding-block:18px;top:var(--header-height,64px);min-height:0;justify-content:start}.motion-enabled .story-top{margin-bottom:15px}.motion-enabled .story-heading{font-size:28px;line-height:1.1;margin-bottom:20px}.motion-enabled .story-composition{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;align-items:center}.motion-enabled .story-visual{height:clamp(260px,50svh,430px)}.motion-enabled .story-index{margin-bottom:18px}.motion-enabled .story-index>span:first-child{font-size:48px}.motion-enabled .story-index>i{font-size:33px}.motion-enabled .story-copy-stack{min-height:225px}.motion-enabled .story-copy-stack h3{font-size:34px}.motion-enabled .story-copy-stack .micro{font-size:8px}.motion-enabled .story-description{font-size:13px;line-height:1.7}.motion-enabled .story-controls{gap:5px;flex-wrap:wrap}.motion-enabled .story-controls button{font-size:10px;padding:8px 10px;gap:6px;min-height:44px}.motion-enabled .story-editorial>.text-link{font-size:11px}.motion-enabled .story-timeline{margin-top:19px}.experience-gallery .section-heading{margin-bottom:35px}.gallery-rail{gap:20px}.gallery-shot{width:62vw}.gallery-shot:nth-child(2n){padding-top:28px}.gallery-photo{aspect-ratio:4/5}.gallery-shot figcaption{padding-top:18px}.gallery-shot figcaption>span{font-size:9px}.gallery-shot h3{font-size:26px}.gallery-bottom{gap:25px;flex-wrap:wrap;padding-top:16px}.gallery-bottom .media-disclosure{font-size:11px;max-width:430px}.gallery-controls{margin-left:auto}.gallery-controls>span{font-size:11px;margin-right:14px}.gallery-photo button{right:12px;bottom:12px;font-size:10px;padding:8px 11px;min-height:44px}.detail-dialog{width:94vw;max-width:94vw;height:85svh;max-height:85svh}.dialog-top,.dialog-bottom{padding:13px 16px;gap:15px}.dialog-bottom p{font-size:11px;max-width:65%}.reviews-grid{gap:22px}.review-card{padding:24px}.service-top{margin-bottom:32px}}
@media(max-width:520px){.cinema-topline{font-size:8px;line-height:1.6;margin-bottom:25px}.cinema-layout{gap:23px}.cinema-title{font-size:20vw;line-height:.88;letter-spacing:-.077em}.cinema-title>.cinema-line:not(.cinema-signature){display:block}.cinema-title>.cinema-line:first-child{margin:0}.cinema-signature{font-size:.445em;padding-top:15px;line-height:1.2}.cinema-kicker{font-size:8px;margin-bottom:20px}.cinema-support{display:block}.cinema-support>p{font-size:13px;max-width:345px;margin-bottom:19px}.cinema-support .button{font-size:12px;min-height:55px;max-width:100%}.cinema-phone{font-size:10px;justify-content:space-between;gap:12px;min-height:40px;margin-top:9px}.cinema-image-mask{height:300px;border-radius:28px 0 28px 0}.cinema-media figcaption{font-size:8px}.cinema-bottom{margin-top:18px}.cinema-seal{bottom:39px;width:86px;height:86px}.cinema-edge{bottom:22px;left:22px;right:auto;font-size:8px}.cinema-crosshair{top:23px;right:21px}.cinema-bottom .motion-switch{font-size:10px}.cinema-stage{padding-top:25px}.kinetic-band{padding:16px 0}.marquee-track{font-size:46px;gap:24px}.intro-section{padding-block:70px}.intro-copy .statement{font-size:41px;line-height:1.11}.service-card{padding:28px;min-height:340px}.service-card h3{font-size:30px}.service-card>p{font-size:14px}.story-heading{font-size:39px}.story-top .section-kicker{font-size:8px}.story-visual{gap:8px}.story-description{font-size:14px}.story-copy-stack h3{font-size:40px}.story-controls button{font-size:11px;gap:9px;padding-inline:13px}.motion-enabled .story-stage{padding-top:15px;padding-bottom:12px}.motion-enabled .story-top{margin-bottom:11px}.motion-enabled .story-heading{font-size:26px;margin-bottom:16px}.motion-enabled .story-composition{grid-template-columns:1fr;gap:13px}.motion-enabled .story-visual{height:clamp(200px,29svh,285px)}.motion-enabled .story-photo-label{font-size:7px;bottom:12px;left:13px}.motion-enabled .story-editorial{padding-top:0}.motion-enabled .story-index{position:absolute;right:0;top:0;margin:0;gap:6px}.motion-enabled .story-index>span:first-child{font-size:30px}.motion-enabled .story-index>span:nth-child(2){font-size:10px}.motion-enabled .story-index>i{display:none}.motion-enabled .story-copy-stack{min-height:168px}.motion-enabled .story-copy-stack article{padding:0}.motion-enabled .story-copy-stack .micro{font-size:8px;margin:0 0 9px;max-width:70%;padding-top:5px}.motion-enabled .story-copy-stack h3{font-size:32px;line-height:1.08;margin-bottom:10px;max-width:82%}.motion-enabled .story-description{font-size:13px;line-height:1.7;max-width:none}.motion-enabled .story-timeline{margin:13px 0 12px}.motion-enabled .story-controls{flex-wrap:nowrap;gap:8px;margin-bottom:3px}.motion-enabled .story-controls button{font-size:11px;flex:1;justify-content:center;padding:9px 8px}.motion-enabled .story-editorial>.text-link{font-size:10px;min-height:34px;padding-block:4px}.experience-story.motion-enabled{min-height:300svh}.gallery-shot{width:78vw}.gallery-rail{gap:17px}.gallery-shot:nth-child(2n){padding-top:30px}.gallery-shot figcaption>span{font-size:8px}.gallery-shot h3{font-size:27px}.gallery-bottom{gap:22px}.gallery-bottom .media-disclosure{font-size:11px;line-height:1.8}.gallery-controls{width:100%;justify-content:flex-end}.gallery-controls>span{margin-right:auto}.dialog-bottom{flex-direction:column;align-items:start;gap:11px}.dialog-bottom p{max-width:100%;font-size:12px}.dialog-bottom>div{margin-left:auto}.detail-dialog{height:88svh;max-height:88svh}.dialog-top{padding-block:12px}.reviews-grid{gap:20px}.review-card{padding:24px 22px}}
@media(max-width:350px){.cinema-topline{font-size:7px}.cinema-kicker{font-size:7px}.cinema-title{font-size:20vw}.cinema-signature{font-size:.44em}.cinema-support>p{font-size:12px}.cinema-phone{font-size:9px}.cinema-image-mask{height:265px}.cinema-media figcaption{font-size:7px}.cinema-seal{width:79px;height:79px}.cinema-bottom>a{font-size:7px}.cinema-bottom .motion-switch{padding:7px 9px;font-size:9px}.motion-enabled .story-heading{font-size:23px}.motion-enabled .story-visual{height:25svh;min-height:170px}.motion-enabled .story-copy-stack{min-height:187px}.motion-enabled .story-copy-stack h3{font-size:29px}.motion-enabled .story-description{font-size:12px;line-height:1.75}.motion-enabled .story-controls button{font-size:10px;gap:5px}.gallery-shot h3{font-size:24px}.service-card{padding:25px}.intro-copy .statement{font-size:36px}}
/* Devanagari gets real line-height, not Latin clipping or reduced font widths. */
:root[lang="hi"] .cinema-title{font-family:'Nirmala UI','Noto Sans Devanagari',Mangal,sans-serif;font-size:clamp(57px,7vw,106px);line-height:1.2;letter-spacing:-.04em}:root[lang="hi"] .cinema-signature{font-size:.53em;line-height:1.3;letter-spacing:-.03em;padding-top:8px;white-space:normal}:root[lang="hi"] .cinema-support>p{line-height:1.9}:root[lang="hi"] .cinema-kicker,:root[lang="hi"] .cinema-topline,:root[lang="hi"] .cinema-bottom{letter-spacing:0}:root[lang="hi"] .story-copy-stack h3{font-size:46px;line-height:1.3}:root[lang="hi"] .story-description{line-height:1.85}:root[lang="hi"] .story-heading{line-height:1.3}:root[lang="hi"] .gallery-shot h3{line-height:1.4}:root[lang="hi"] .cinema-seal>span:last-child{font-size:10px;line-height:1.6}
@media(max-width:768px){:root[lang="hi"] .cinema-title{font-size:clamp(49px,9vw,70px)}:root[lang="hi"] .cinema-title>.cinema-line:not(.cinema-signature){display:block}:root[lang="hi"] .cinema-support{display:block}:root[lang="hi"] .cinema-support>p{margin-bottom:18px;max-width:530px}:root[lang="hi"] .cinema-support .button{max-width:440px}:root[lang="hi"] .cinema-phone{max-width:440px}:root[lang="hi"] .motion-enabled .story-heading{font-size:29px}:root[lang="hi"] .motion-enabled .story-copy-stack h3{font-size:33px;line-height:1.4}:root[lang="hi"] .motion-enabled .story-description{font-size:13px;line-height:1.9}}
@media(max-width:520px){:root[lang="hi"] .cinema-title{font-size:55px}:root[lang="hi"] .cinema-signature{font-size:.56em}:root[lang="hi"] .cinema-support>p{font-size:14px}:root[lang="hi"] .motion-enabled .story-heading{font-size:25px;margin-bottom:13px}:root[lang="hi"] .motion-enabled .story-copy-stack h3{font-size:28px;line-height:1.3;margin-bottom:9px}:root[lang="hi"] .motion-enabled .story-copy-stack{min-height:189px}:root[lang="hi"] .motion-enabled .story-description{font-size:13px;line-height:1.8}:root[lang="hi"] .motion-enabled .story-controls button{font-size:12px}:root[lang="hi"] .cinema-seal>span:last-child{font-size:9px}}
@media(max-width:350px){:root[lang="hi"] .cinema-title{font-size:49px}:root[lang="hi"] .motion-enabled .story-heading{font-size:22px}:root[lang="hi"] .motion-enabled .story-copy-stack h3{font-size:26px}:root[lang="hi"] .motion-enabled .story-description{font-size:12px}:root[lang="hi"] .motion-enabled .story-copy-stack{min-height:188px}}
@media(prefers-reduced-motion:reduce){:root .cinema-hero{min-height:0!important}:root .cinema-stage{position:relative!important;top:0!important}.cinema-image-mask{clip-path:none;border-radius:4px}.gallery-shot:nth-child(2n){padding-top:0}.magnetic-inner{transform:none!important}.marquee-track{transform:none!important}}
@media print{.cinema-hero,.experience-story{min-height:0!important;background:white;color:black}.cinema-stage,.story-stage{position:static!important}.story-composition{display:block}.gallery-rail{display:grid;grid-template-columns:1fr 1fr;width:auto}.gallery-shot{width:auto}.gallery-controls,.story-controls,.cinema-seal,.kinetic-band,.detail-dialog{display:none!important}}

/* One dominant photo, calm readable copy and explicitly static fallback geometry. */
.cinema-hero{overflow:clip;background:radial-gradient(ellipse at 85% 25%,#17363e 0,transparent 52%),var(--scene-black)}
.cinema-image-mask{box-shadow:0 28px 80px #0005}
.cinema-media{isolation:isolate}
.cinema-media::before{content:"";position:absolute;inset:-12px 18px 56px -12px;border:1px solid #497a8744;z-index:-1;pointer-events:none}
.cinema-title{max-width:9ch;text-wrap:balance}
.cinema-signature{color:#39ddba}
.cinema-support>p{color:#cddde0}
.cinema-kicker{display:flex;align-items:center;gap:12px}
.cinema-kicker::before{content:"";width:28px;height:1px;background:var(--accent);flex:none}
.story-copy-stack article[hidden]{display:none!important}
.story-visual{isolation:isolate}
.motion-enabled .story-stage{max-height:none}
.gallery-shot{scroll-margin-inline:var(--gutter)}
.gallery-photo button{min-width:44px;min-height:44px}
.detail-dialog button{min-width:44px;min-height:44px}
.detail-dialog::backdrop{background:#050d10ed;backdrop-filter:blur(8px)}
:root[data-experience-mode="reduced"] .cinema-hero,:root[data-experience-mode="paused"] .cinema-hero{min-height:0!important}
:root[data-experience-mode="reduced"] .cinema-stage,:root[data-experience-mode="paused"] .cinema-stage{position:relative!important;top:0!important}
:root[data-experience-mode="reduced"] .cinema-image-mask,:root[data-experience-mode="paused"] .cinema-image-mask{clip-path:none;border-radius:8px}
:root[data-experience-mode="reduced"] .cinema-media::before,:root[data-experience-mode="paused"] .cinema-media::before{display:none}
:root:not([data-experience="ready"]) .cinema-stage{position:relative;top:0}
@media(min-width:981px){.cinema-layout{grid-template-columns:.9fr 1.1fr}.cinema-image-mask{height:min(65svh,720px);aspect-ratio:auto}.cinema-topline{padding-bottom:18px;border-bottom:1px solid #51809133}.cinema-title{font-size:clamp(78px,8.5vw,145px)}}
@media(max-width:768px){
  .site-header .main-nav{position:absolute;z-index:99999;background:#fff!important;color:#0b1011; border:1px solid #d0d9dc;box-shadow:0 24px 56px #0006}
  .site-header .main-nav a{color:inherit}
  :root[data-theme="dark"] .site-header .main-nav{background:#1a1e24!important;color:#f5f8f8;border-color:#454a50}
  .cinema-title{max-width:none}.cinema-media::before{inset:-8px 10px 42px -8px}.cinema-image-mask{min-height:280px}
  :root[data-experience="ready"] .cinema-hero{min-height:0!important}:root[data-experience="ready"] .cinema-stage{position:relative!important;top:0!important}
  .experience-story:not(.motion-enabled) .story-visual{display:grid;grid-template-columns:1fr;gap:16px}
  .experience-story:not(.motion-enabled) .story-frame{aspect-ratio:4/3}
  .experience-story:not(.motion-enabled) .story-composition{gap:24px}
  .gallery-shot{width:min(82vw,440px)}.gallery-rail{gap:18px}
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .site-header .main-nav{background:#1a1e24!important;color:#f5f8f8}}
@media(prefers-reduced-motion:reduce){.cinema-hero{min-height:0!important}.cinema-stage{position:relative!important;top:0!important}.cinema-image-mask{clip-path:none}.cinema-media::before{display:none}}
@media(max-width:520px){.cinema-title{font-size:clamp(62px,18.5vw,96px)}.cinema-image-mask{min-height:285px}.cinema-support>p{font-size:14px;line-height:1.75}.cinema-bottom{flex-wrap:wrap}}

/* Interactive contact-sheet reel: precise, finite, keyboard-accessible. */
.hero-reel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.hero-reel button{position:relative;display:flex;align-items:center;gap:9px;min-height:48px;padding:12px 11px;border:1px solid #3f707a;background:#112a31;color:#d1e4e8;font-size:9px;letter-spacing:.07em;cursor:pointer;text-align:left;transition:background .2s,border-color .2s,color .2s}
.hero-reel button>span:first-child{font-variant-numeric:tabular-nums;color:#9bc8d2;font-size:9px}
.hero-reel button i{height:2px;position:absolute;left:11px;right:11px;bottom:5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.hero-reel button[aria-pressed="true"]{background:#163a43;border-color:#6ea9b6;color:#fff}
.hero-reel button[aria-pressed="true"] i{transform:scaleX(1)}
.hero-reel button:hover{background:#1b4751;border-color:#9ecfda}.hero-reel button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
:root:not([data-experience="ready"]) .hero-reel{display:none}
.cinema-media:has(.hero-reel) .cinema-seal{bottom:119px}
.gallery-shot .gallery-photo{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);transition:border-color .2s,box-shadow .2s}
.gallery-shot[data-gallery-current="true"] .gallery-photo{border-color:var(--accent);box-shadow:0 18px 44px #0002}
.gallery-shot[data-gallery-current="true"] figcaption .micro{color:var(--ink)}
.gallery-photo button{transition:background .2s,color .2s,transform .2s}
.gallery-photo button:hover{background:var(--accent);color:#0b1011;transform:translateY(-3px)}
@media(max-width:768px){.hero-reel{gap:6px;margin-top:12px}.hero-reel button{padding:11px 9px;font-size:8px;letter-spacing:.025em;min-height:48px}.cinema-media:has(.hero-reel) .cinema-seal{bottom:111px}:root[lang="hi"] .hero-reel button{font-size:11px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.hero-reel button,.hero-reel button i,.gallery-photo button{transition:none}.gallery-photo button:hover{transform:none}}

/* Original Tefnut identity: public wordmark, charcoal shell and turquoise workshop trim. */
.brand-wordmark{display:block;width:clamp(180px,18vw,252px);height:auto;max-width:100%;object-fit:contain}
.site-header{background:#0b1011;--paper:#0b1011;--ink:#f5f8f8;--line:#354b50}
.cinema-title{font-size:clamp(70px,7.6vw,126px);letter-spacing:-.065em;max-width:10ch}
.cinema-signature{font-size:.32em;letter-spacing:-.035em;color:var(--accent);line-height:1.3;padding-top:15px}
.cinema-media{max-width:480px;width:100%;justify-self:end}
.cinema-image-mask{height:clamp(420px,68svh,710px);aspect-ratio:640/1136;width:100%;border-radius:2px;clip-path:none;background:#101c20}
.cinema-image-mask img{object-fit:contain;object-position:center;transform-origin:center}
.cinema-crosshair,.cinema-image-mask::after,.cinema-edge{display:none}
.cinema-media::before{border-color:#237e8755;inset:-10px 16px 106px -10px}
.cinema-seal{border-radius:2px;width:90px;height:90px;left:-26px;font-size:11px}
.cinema-media:has(.hero-reel) .cinema-seal{bottom:108px}
.cinema-copy{padding-block:22px}.cinema-kicker{color:#afcdd3;font-size:10px;line-height:1.7}
.story-visual{background:#142329}.motion-enabled [data-story-image]{object-fit:contain;background:#142329}
.story-frame img{object-fit:contain;background:#142329}
.gallery-photo{aspect-ratio:9/16;background:#142329}.gallery-photo img{object-fit:contain}
.gallery-photo button{right:12px;bottom:12px}.gallery-shot{width:clamp(260px,27vw,360px)}
.footer-wordmark{display:block;padding-block:40px}.footer-wordmark img{display:block;width:min(100%,900px);height:auto;max-width:100%;object-fit:contain}
@media(max-width:980px){.brand-wordmark{width:190px}.cinema-layout{gap:30px}.cinema-title{font-size:7.9vw}.cinema-signature{font-size:.35em}}
@media(max-width:768px){.brand-wordmark{width:180px}.cinema-media{max-width:440px;align-self:center;justify-self:center}.cinema-title{font-size:clamp(58px,12vw,90px);max-width:none}.cinema-image-mask{height:auto;max-height:none;aspect-ratio:640/1136}.cinema-media:has(.hero-reel) .cinema-seal{right:10px;left:auto;bottom:110px;width:82px;height:82px}.gallery-shot{width:min(78vw,350px)}.footer-wordmark{padding-block:28px}}
@media(max-width:520px){.brand-wordmark{width:160px}.cinema-title{font-size:17vw;line-height:.94}.cinema-title>.cinema-line:not(.cinema-signature){display:block}.cinema-signature{font-size:.36em}.cinema-image-mask{min-height:0}.cinema-support>p{font-size:14px}.hero-reel button{font-size:8px;padding:10px 7px;gap:5px}}

.source-links a{color:var(--ink);text-decoration:none;display:flex;flex-direction:column;gap:24px;min-height:230px}
.source-links h3{font-size:clamp(24px,2.3vw,34px);line-height:1.2;letter-spacing:-.035em}
.source-links .text-link{margin-top:auto;color:var(--accent-text)}
.source-links a:focus-visible{outline:3px solid var(--accent-text);outline-offset:4px}
.cinema-image-mask [data-hero-image]{will-change:auto}
