/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1788417455
Updated: 2026-09-03 06:37:35

*/
:root{
    --night:#0B0E11;
    --night-2:#11151A;
    --ivory:#F4F1EA;
    --paper:#EFEBE1;
    --ink:#171B1F;
    --mist:#868C94;
    --stone:#8A8478;
    --gold:#C9AE7C;
    --gold-dim:#9A855C;
    --hair:rgba(244,241,234,.13);
    --hair-ink:rgba(23,27,31,.14);
    --max:1320px;
    --ease:cubic-bezier(.16,1,.3,1);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--night);color:var(--ivory);font-family:"Jost",sans-serif;font-weight:300;line-height:1.68;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  ::selection{background:var(--gold);color:var(--night);}
  a{color:inherit;text-decoration:none;}
  button{font:inherit;cursor:pointer;}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 48px;}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {background-color: #cc336600 !important;}
  @media(max-width:700px){.wrap{padding:0 22px;}}

  .grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.15;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");}

  .d{font-family:"Cormorant Garamond",serif;font-weight:300;letter-spacing:.004em;}
  .di{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:300;}
  .label{font-size:10.5px;letter-spacing:.38em;text-transform:uppercase;font-weight:500;}
  .g{color:var(--gold);}

  /* ---------- header ---------- */
  header{position:fixed;inset:0 0 auto 0;z-index:60;border-bottom:1px solid transparent;
    transition:background .6s var(--ease),border-color .6s;opacity:0;animation:fadeIn 1s var(--ease) 1.5s forwards;}
  header.solid{background:rgba(11,14,17,.86);backdrop-filter:blur(16px) saturate(140%);border-color:var(--hair);}
  .nav{display:flex;align-items:center;justify-content:space-between;height:80px;}
  .brand{display:flex;flex-direction:column;line-height:1.15;}
  .brand .d{font-size:26px;letter-spacing:.05em;}
  .brand .label{font-size:8.5px;letter-spacing:.44em;color:var(--gold);margin-top:5px;}
  .nav-links{display:flex;gap:40px;align-items:center;}
  .nav-links a{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;opacity:.72;position:relative;padding:6px 0;transition:opacity .35s;}
  .nav-links a:hover,.nav-links a:focus-visible{opacity:1;}
.nav-links a:hover, .brand .d:hover, a.brand:hover{color:white !important;}
  .nav-links a:not(.cta)::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);transition:width .45s var(--ease);}
  .nav-links a:not(.cta):hover::after{width:100%;}
  .cta{border:1px solid rgba(201,174,124,.5);color:var(--gold);padding:12px 28px;opacity:1!important;transition:background .4s,color .4s;padding: 6px 15px !important;}
  .cta:hover{background:var(--gold);color:var(--night);}
  @media(max-width:1040px){.nav-links a:not(.cta){display:none;}}

  /* ---------- entrance ---------- */
  .curtain{position:fixed;inset:0;z-index:200;background:var(--night);display:flex;align-items:center;justify-content:center;
    animation:curtainOut 1.1s var(--ease) 1.15s forwards;}
  .curtain span{font-family:"Cormorant Garamond",serif;font-size:13px;letter-spacing:.6em;text-transform:uppercase;color:var(--gold);
    opacity:0;animation:fadeIn .8s var(--ease) .15s forwards, fadeOut .5s ease .95s forwards;}
  @keyframes curtainOut{to{transform:translateY(-101%);}}
  @keyframes fadeIn{to{opacity:1;}}
  @keyframes fadeOut{to{opacity:0;}}

  /* ---------- hero (scroll-driven) ---------- */
  .hero-shell{height:190svh;position:relative;}
  .hero{position:sticky;top:0;height:100svh;display:flex;align-items:flex-end;overflow:hidden;}
  .hero-film{position:absolute;inset:-6% 0;z-index:0;overflow:hidden;will-change:transform;}
  .hero-film video{width:100%;height:100%;object-fit:cover;display:block;}
  .hero-media{position:absolute;inset:-6% 0;z-index:0;will-change:transform;
    background-image:url();background-size:cover;background-position:center;
    transform:scale(1.14);animation:kenburns 16s ease-out 1.2s forwards;}
  @keyframes kenburns{to{transform:scale(1.02);}}
  .hero-media svg{width:100%;height:100%;display:block;transition:opacity .9s var(--ease);}


  .win{animation:flick var(--d,9s) ease-in-out infinite;animation-delay:var(--t,0s);}
  @keyframes flick{
    0%,100%{opacity:.22} 14%{opacity:.95} 27%{opacity:.38}
    46%{opacity:.86} 61%{opacity:.28} 78%{opacity:.72} 90%{opacity:.34}
  }
  .flash{opacity:0;animation:pop var(--d,9s) steps(1,end) infinite;animation-delay:var(--t,0s);}
  #press.hot .flash{animation-duration:calc(var(--d,9s) * .22);}
  .camflash{
    position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;
    background:radial-gradient(58% 46% at 72% 68%,rgba(255,253,243,.5),rgba(255,253,243,.12) 45%,transparent 72%);
  }
  .camflash.hot{animation:camPop 2.1s steps(1,end) infinite;}
  @keyframes camPop{
    0%,26%{opacity:0} 27%{opacity:.85} 28%{opacity:.08} 29%{opacity:.55} 30%{opacity:0}
    58%{opacity:0} 59%{opacity:.7} 60%{opacity:.05} 61%{opacity:.4} 62%,100%{opacity:0}
  }
  @keyframes pop{
    0%,93%{opacity:0} 93.5%{opacity:1} 94.5%{opacity:.12}
    95.5%{opacity:.9} 96.5%{opacity:.08} 97.5%{opacity:.55} 98.5%,100%{opacity:0}
  }
  @media(max-width:760px){.win:nth-child(3n),.win:nth-child(3n+1){animation:none;}}
  .hero-veil{position:absolute;inset:0;z-index:1;
    background:
      linear-gradient(94deg,rgba(11,14,17,.86) 0%,rgba(11,14,17,.5) 34%,rgba(11,14,17,.06) 62%,transparent 80%),
      linear-gradient(180deg,rgba(11,14,17,.66) 0%,rgba(11,14,17,.1) 40%,rgba(11,14,17,.55) 84%,rgba(11,14,17,.96) 97%,var(--night) 100%);}
  .hero-dim{position:absolute;inset:0;z-index:2;background:var(--night);opacity:0;pointer-events:none;}
  .sweep{position:absolute;top:0;bottom:0;left:-40%;width:40%;z-index:3;pointer-events:none;
    background:linear-gradient(100deg,transparent,rgba(201,174,124,.16),rgba(244,241,234,.1),transparent);
    filter:blur(14px);animation:sweep 2.6s var(--ease) 1.3s;}
  @keyframes sweep{0%{left:-45%;}100%{left:130%;}}
  .hero-inner{position:relative;z-index:4;width:100%;padding-bottom:clamp(56px,7vh,92px);will-change:transform,opacity;}
  .rise{display:block;overflow:hidden;}
  .rise>*{display:block;transform:translateY(112%);opacity:0;animation:riseUp 1.15s var(--ease) forwards;}
  @keyframes riseUp{to{transform:translateY(0);opacity:1;}}
  .hero h1{font-size:clamp(52px,9.1vw,142px);line-height:.98;margin:20px 0 0;}
  .hero h1 .di{color:var(--gold);}
  .hero-rule{height:1px;background:var(--hair);margin:36px 0 28px;transform-origin:left;transform:scaleX(0);animation:drawRule 1.4s var(--ease) 2.15s forwards;}
  @keyframes drawRule{to{transform:scaleX(1);}}
  .hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;flex-wrap:wrap;opacity:0;animation:fadeIn 1.1s var(--ease) 2.4s forwards;}
  .hero-sub{max-width:44ch;font-size:16.5px;color:rgba(244,241,234,.78);}
  .hero-acts{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:28px;}
  .btn{background:var(--gold);color:var(--night);padding:17px 40px;border:0;font-size:11px;letter-spacing:.3em;
    text-transform:uppercase;font-weight:500;transition:background .4s,transform .4s var(--ease);}
  .btn:hover{background:#DEC9A0;transform:translateY(-2px);}
  .btn-line{font-size:11px;letter-spacing:.3em;text-transform:uppercase;border-bottom:1px solid var(--hair);padding-bottom:6px;transition:border-color .4s,color .4s;}
  .btn-line:hover{border-color:var(--gold);color:var(--gold);}
  .hero-stats{display:flex;gap:44px;flex-wrap:wrap;}
  .stat .d{font-size:29px;display:block;}
  .stat .label{color:var(--mist);font-size:9.5px;margin-top:2px;}
  .cue{position:absolute;left:50%;bottom:26px;z-index:5;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;
    opacity:0;animation:fadeIn 1s var(--ease) 3s forwards;}
  .cue span{font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--mist);}
  .cue i{display:block;width:1px;height:52px;background:linear-gradient(var(--gold),transparent);}
  @media(max-width:900px){.hero-shell{height:150svh;padding-top:10%;}}
  @media(max-width:400px){.hero-inner{padding-bottom:unset !important;padding-top: 57px !important;height: 100vh !important;}}
@media(max-width:600){.hero-inner { padding-bottom: clamp(10%, 100vh, 30%) !important;}}
  /* ---------- roster ---------- */
  .roster{position:relative;z-index:6;background:linear-gradient(180deg,#0B0E11 0%,#0E1218 100%);padding:clamp(90px,12vh,150px) 0 clamp(80px,10vh,130px);border-bottom:1px solid var(--hair);}
  .roster-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:60px;}
  .roster-top h2{font-size:clamp(36px,5.2vw,72px);line-height:1.04;margin-top:18px;max-width:16ch;}
  .roster-top p{max-width:36ch;color:var(--mist);font-size:15px;}
  .names{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);}
  .names a{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:22px 4px 20px;border-bottom:1px solid var(--hair);
    font-family:"Cormorant Garamond",serif;font-size:clamp(23px,2.25vw,34px);letter-spacing:.006em;color:var(--ivory);
    transition:color .45s,opacity .45s,padding-left .5s var(--ease);}
  .names a .no{font-family:"Jost";font-size:10px;letter-spacing:.2em;color:var(--gold-dim);opacity:0;transition:opacity .45s;}
  .names:hover a{opacity:.26;}
  .names a:hover,.names a:focus-visible{opacity:1;color:var(--gold);padding-left:18px;}
  .names a:hover .no{opacity:1;}
  @media(max-width:900px){.names{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.names{grid-template-columns:1fr;}}
  .roster-caption{margin-top:52px;border-left:1px solid var(--gold-dim);padding-left:32px;}
  .roster-caption .di{font-size:clamp(24px,2.8vw,36px);line-height:1.42;max-width:38ch;}
  .roster-caption .who{color:var(--mist);font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-top:14px;}

  /* ---------- the record (night → day) ---------- */
  .record{
    --rec-bg:#0B0E11; --rec-fg:#F4F1EA; --rec-mut:#868C94;
    --rec-rule:rgba(244,241,234,.15); --rec-card:#11151A; --rec-bar:#2B323B;
    position:relative;z-index:6;background:var(--rec-bg);color:var(--rec-fg);
    transition:color .45s ease;
  }
  .mono{font-family:"IBM Plex Mono",ui-monospace,monospace;}
  .rec-head{padding:clamp(90px,12vh,140px) 0 0;}
  .rec-head .label{color:var(--gold);}
  .rec-head h2{font-size:clamp(37px,5.7vw,80px);line-height:1.03;margin:18px 0 22px;max-width:17ch;}
  .rec-head p{max-width:60ch;color:var(--rec-mut);font-size:16.5px;transition:color .45s ease;}
  .rec-stage{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(40px,6vw,96px);padding-bottom:clamp(70px,9vh,110px);}
  .rec-rail{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;}
  .skyarc{color:var(--rec-fg);max-width:270px;}
  .skyarc svg{width:100%;height:auto;display:block;}
  #stars circle{fill:var(--rec-fg);}
  .rec-clock{font-family:"Cormorant Garamond",serif;font-size:clamp(52px,6.8vw,94px);line-height:1;letter-spacing:0;margin-top:18px;}
  .rec-clock .of{font-family:"IBM Plex Mono",monospace;font-size:.22em;letter-spacing:.2em;color:var(--gold);vertical-align:super;margin-left:.4em;}
  .rec-case{font-family:"Cormorant Garamond",serif;font-size:clamp(21px,2.25vw,30px);margin-top:6px;min-height:1.6em;}
  .rec-note{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rec-mut);margin-top:16px;}
  .files{padding-top:12vh;}
  .file{min-height:74svh;display:flex;align-items:center;padding:26px 0;opacity:.2;transform:translateY(26px);
    transition:opacity .8s var(--ease),transform .8s var(--ease);}
  .file.on{opacity:1;transform:none;}
  .dossier{position:relative;width:100%;background:var(--rec-card);border:1px solid var(--rec-rule);padding:34px 36px 38px;transition:background-color .45s ease,border-color .45s ease;}
  .dossier::before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--gold);transition:height 1s var(--ease) .1s;}
  .file.on .dossier::before{height:100%;}
  .dtop{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:10.5px;letter-spacing:.2em;
    text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--rec-rule);padding-bottom:16px;}
  .dtop .dref{color:var(--rec-mut);}
  .rows{display:grid;grid-template-columns:132px 1fr;gap:14px 22px;margin:24px 0 26px;font-size:13.5px;align-items:baseline;}
  .rows .k{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--rec-mut);transition:color .45s ease;}
  .rows .v{color:var(--rec-fg);line-height:1.7;transition:color .45s ease;}
  .rows .v.gold{color:var(--gold);}
  .bar{position:relative;display:inline-block;vertical-align:-3px;height:17px;width:0;max-width:100%;
    background:var(--rec-bar);border-radius:1px;overflow:hidden;transition:background-color .45s ease, width .85s var(--ease) var(--dl,0s);}
  .file.on .bar{width:var(--w);}
  .bar i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;
    font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--rec-mut);opacity:0;transition:opacity .35s;}
  .bar:hover i{opacity:.85;}
  .narr{font-family:"Cormorant Garamond",serif;font-size:clamp(20px,2.15vw,28px);line-height:1.45;max-width:56ch;
    padding-top:22px;border-top:1px solid var(--rec-rule);}
  .stamp{position:absolute;right:30px;bottom:28px;font-family:"IBM Plex Mono",monospace;font-size:9.5px;
    letter-spacing:.3em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);
    padding:7px 13px;transform:rotate(-7deg) scale(1.3);opacity:0;transition:opacity .6s ease .5s,transform .8s var(--ease) .5s;}
  .file.on .stamp{opacity:.85;transform:rotate(-7deg) scale(1);}
  .rec-foot{border-top:1px solid var(--rec-rule);padding:44px 0 clamp(80px,10vh,120px);
    display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:center;}
  .rec-foot .di{font-size:clamp(22px,2.65vw,34px);max-width:40ch;}
  @media(max-width:920px){
    .rec-stage{grid-template-columns:1fr;gap:0;}
    .rec-rail{height:auto;top:80px;padding:14px 0 16px;background:var(--rec-bg);z-index:5;border-bottom:1px solid var(--rec-rule);
      flex-direction:row;align-items:center;gap:18px;}
    .skyarc{max-width:120px;}
    .rec-clock{font-size:34px;margin-top:0;}
    .rec-case{font-size:16px;min-height:0;}
    .rec-note{display:none;}
    .files{padding-top:5vh;}
    .file{min-height:auto;padding:26px 0;opacity:1;transform:none;}
    .dossier{padding:26px 22px 30px;}
    .rows{grid-template-columns:1fr;gap:4px 0;}
    .rows .k{margin-top:12px;}
    .stamp{right:18px;bottom:18px;}
  }

  /* ---------- fleet ---------- */
  .fleet{position:relative;z-index:6;background:linear-gradient(180deg,#0C1015 0%,#0B0E11 100%);overflow:hidden;padding:clamp(90px,12vh,150px) 0;}
  .fleet-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:60px;}
  .fleet-top h2{font-size:clamp(36px,5.2vw,72px);line-height:1.04;margin-top:18px;}
  .fleet-top p{max-width:38ch;color:var(--mist);font-size:15px;}
  .fleet-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(36px,5vw,80px);align-items:center;}
  .picker{border-top:1px solid var(--hair);}
  .pick{width:100%;background:none;border:0;border-bottom:1px solid var(--hair);display:flex;align-items:baseline;justify-content:space-between;gap:16px;
    padding:24px 4px;text-align:left;color:rgba(244,241,234,.5);transition:color .45s,padding-left .55s var(--ease);}
  .pick .name{font-family:"Cormorant Garamond",serif;font-size:clamp(25px,2.55vw,38px);letter-spacing:.006em;}
  .pick .cap{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dim);opacity:0;transition:opacity .45s;white-space:nowrap;}
  .pick:hover,.pick:focus-visible,.pick.on{color:var(--ivory);padding-left:18px;}
  .pick.on .name{color:var(--gold);}
  .pick.on .cap,.pick:hover .cap{opacity:1;}
  .viewer{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--hair);background:var(--night-2);}
  .frame{position:absolute;inset:0;opacity:0;transform:scale(1.06);transition:opacity .8s var(--ease),transform 1.2s var(--ease);
    background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;}
  .frame::before{content:"";position:absolute;inset:0;background:radial-gradient(110% 80% at 50% 100%,rgba(201,174,124,.14),transparent 60%);}
  .frame.on{opacity:1;transform:scale(1);}
  .frame svg{transition:opacity .7s var(--ease);}
  .frame.photo svg{opacity:0;}
  .frame.photo::before{background:linear-gradient(0deg,rgba(11,14,17,.72),transparent 58%);}
  .panel .scene{transition:opacity 1s var(--ease),transform 1.4s var(--ease);}

  .frame svg{width:76%;height:auto;opacity:.85;position:relative;}
  .viewer-meta{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
    padding:26px 28px;background:linear-gradient(0deg,rgba(11,14,17,.9),transparent);}
  .viewer-meta .d{font-size:25px;}
  .viewer-meta .specs{display:flex;gap:26px;}
  .viewer-meta .specs div{text-align:right;}
  .viewer-meta .specs .d{font-size:19px;display:block;}
  .viewer-meta .specs .label{font-size:9px;color:var(--mist);}
  @media(max-width:900px){.fleet-grid{grid-template-columns:1fr;}.viewer{order:-1;aspect-ratio:16/10;}}

  /* ---------- service + standards (merged) ---------- */
  .service{position:relative;z-index:6;background:var(--paper);color:var(--ink);padding:clamp(90px,12vh,150px) 0;}
  .service .label{color:var(--stone);}
  .svc-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:44px;}
  .svc-top h2{font-size:clamp(36px,5.2vw,72px);line-height:1.04;margin-top:18px;max-width:15ch;color:var(--ink);}
  .svc-top p{max-width:34ch;color:#4C5157;font-size:15px;}
  .acc{display:flex;gap:2px;height:clamp(430px,58vh,580px);background:var(--ink);border:1px solid var(--ink);}
  .panel{
    position:relative;flex:1;min-width:0;overflow:hidden;background:#0C1118;cursor:pointer;
    display:flex;flex-direction:column;justify-content:flex-end;padding:32px 28px;
    transition:flex 1.05s var(--ease);background-size:cover;background-position:center;
    text-align:left;color:var(--ivory);border:0;
  }
  .panel .scene{position:absolute;inset:0;z-index:0;width:100%;height:100%;opacity:.72;
    transform:scale(1.12) translateY(6px);transition:opacity 1s var(--ease),transform 1.4s var(--ease);}
  .panel.on .scene{opacity:1;transform:scale(1);}
  .panel::before{content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(0deg,rgba(9,12,17,.95) 8%,rgba(9,12,17,.52) 48%,rgba(9,12,17,.62));transition:background 1s;}
  .panel::after{content:"";position:absolute;left:0;right:0;top:0;z-index:3;height:2px;background:var(--gold);
    transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease);}
  .panel.on{flex:3.1;}
  .panel.on::before{background:linear-gradient(0deg,rgba(9,12,17,.93) 14%,rgba(9,12,17,.22) 62%,rgba(9,12,17,.3));}
  .panel.on::after{transform:scaleX(1);}
  .panel>*{position:relative;z-index:2;}
  .panel .num{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(38px,4vw,60px);
    color:var(--gold);margin-bottom:auto;opacity:.5;transition:opacity .8s,transform .9s var(--ease);}
  .panel.on .num{opacity:1;transform:translateY(-4px);}
  .panel h3{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(26px,2.75vw,42px);
    line-height:1.05;letter-spacing:.004em;transition:color .6s;}
  .panel.on h3{color:var(--gold);}
  .panel .body{max-height:0;opacity:0;overflow:hidden;
    transition:max-height 1s var(--ease),opacity .7s ease .15s,margin 1s var(--ease);}
  .panel.on .body{max-height:250px;opacity:1;margin-top:18px;}
  .panel .body p{font-size:15.5px;color:rgba(244,241,234,.84);max-width:46ch;}
  .panel .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;}
  .panel .tags span{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.18em;
    text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,174,124,.42);padding:6px 11px;white-space:nowrap;}
  @media(max-width:900px){
    .acc{flex-direction:column;height:auto;}
    .panel{padding:28px 22px;min-height:230px;}
    .panel .scene{opacity:.75;transform:none;}
    .panel .body{max-height:none;opacity:1;margin-top:14px;}
    .panel h3{color:var(--gold);}
    .panel::after{transform:scaleX(1);}
  }

  /* ---------- standards (sticky) ---------- */
  .std{position:relative;z-index:6;background:linear-gradient(180deg,#141920 0%,#0C1015 100%);overflow:hidden;border-top:1px solid var(--hair);padding:clamp(90px,12vh,150px) 0;}
  .std-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,100px);align-items:start;}
  .std-aside{position:sticky;top:120px;}
  .std-aside h2{font-size:clamp(34px,4.8vw,65px);line-height:1.05;margin:18px 0 22px;max-width:14ch;}
  .std-aside p{color:rgba(244,241,234,.7);font-size:16px;max-width:40ch;}
  .std-aside .seal{margin-top:36px;display:inline-flex;align-items:center;gap:16px;border-top:1px solid var(--hair);padding-top:22px;}
  .std-aside .seal .d{font-size:38px;}
  .std-aside .seal .label{color:var(--mist);line-height:1.5;}
  .std-list{display:flex;flex-direction:column;}
  .std-item{padding:30px 0;border-top:1px solid var(--hair);transition:padding-left .6s var(--ease);}
  .std-item:last-child{border-bottom:1px solid var(--hair);}
  .std-item:hover{padding-left:14px;}
  .std-item h4{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(23px,2.45vw,33px);letter-spacing:.006em;margin-bottom:10px;transition:color .5s;}
  .std-item:hover h4{color:var(--gold);}
  .std-item p{font-size:15.5px;color:rgba(244,241,234,.7);max-width:56ch;}
  @media(max-width:900px){.std-grid{grid-template-columns:1fr;gap:44px;}.std-aside{position:static;}}

  /* ---------- reserve ---------- */
  .reserve{position:relative;z-index:6;background:linear-gradient(180deg,#12161C 0%,#0B0E11 46%);padding:clamp(90px,12vh,150px) 0;}
  .res-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,100px);}
  .reserve h2{font-size:clamp(36px,5vw,67px);line-height:1.05;margin:18px 0 20px;max-width:13ch;}
  .reserve .lede{color:var(--mist);font-size:15.5px;max-width:38ch;}
  .res-contact{margin-top:44px;display:flex;flex-direction:column;gap:22px;}
  .res-contact .label{color:var(--mist);}
  .res-contact a{font-family:"Cormorant Garamond",serif;font-size:29px;letter-spacing:.006em;transition:color .4s;}
  .res-contact a:hover{color:var(--gold);}
  .form{display:grid;grid-template-columns:1fr 1fr;gap:30px 32px;}
  .field{display:flex;flex-direction:column;gap:10px;}
  .field.full{grid-column:1/-1;}
  .field label{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--mist);font-weight:500;}
  .field input,.field select{background:transparent;border:0;border-bottom:1px solid var(--hair);color:var(--ivory);font-family:"Jost";
    font-weight:300;font-size:16px;padding:10px 2px;outline:none;border-radius:0;appearance:none;-webkit-appearance:none;transition:border-color .4s;}
  .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23C9AE7C' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;}
  .field select option{background:var(--night);}
  .field input:focus,.field select:focus{border-color:var(--gold);}
  .form .btn{grid-column:1/-1;justify-self:start;margin-top:6px;border:0;cursor:pointer;}
  .form .btn[disabled]{opacity:.42;cursor:not-allowed;}
  .field textarea{background:transparent;border:1px solid var(--hair);color:var(--ivory);font-family:"Jost";
    font-weight:300;font-size:16px;padding:13px;outline:none;border-radius:0;resize:none;line-height:1.6;
    transition:border-color .4s;}
  .field textarea:focus{border-color:var(--gold);}
  .field textarea::placeholder{color:rgba(244,241,234,.22);}
  .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
  .check{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
    border:1px solid var(--hair);padding:16px 20px;}
  .check .clab{font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--mist);}
  .check .cin{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
  .check .q{font-family:"Cormorant Garamond",serif;font-size:22px;}
  .check input{width:92px;text-align:center;background:transparent;border:0;border-bottom:1px solid var(--hair);
    color:var(--ivory);font-family:"Jost";font-size:16px;padding:8px 2px;outline:none;transition:border-color .4s;}
  .check input:focus{border-color:var(--gold);}
  .check .ok{display:none;font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);
    border:1px solid var(--gold);padding:6px 12px;}
  .check .ok.on{display:inline-block;}
  .fnote{grid-column:1/-1;font-size:12.5px;color:var(--mist);}
  .fnote.err{color:var(--gold);}
  .sent{display:none;border:1px solid var(--hair);padding:clamp(28px,4vw,52px);text-align:center;}
  .sent.show{display:block;}
  .sent h3{font-size:clamp(26px,3vw,38px);margin:18px 0 12px;}
  .sent p{color:var(--mist);max-width:44ch;margin:0 auto;}
  .stampmark{display:inline-block;font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);
    border:1px solid var(--gold);padding:9px 16px;}

  @media(max-width:900px){.res-grid{grid-template-columns:1fr;gap:54px;}}
  @media(max-width:560px){.form{grid-template-columns:1fr;}}

  /* ---------- footer ---------- */
  footer{position:relative;z-index:6;background:var(--night);border-top:1px solid var(--hair);padding:70px 0 44px;}
footer .footer-logo:hover{color:white;}
  .foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:56px;margin-bottom:56px;}
  .foot-brand .d{font-size:27px;letter-spacing:.04em;}
  .foot-brand .label{color:var(--gold);display:block;margin-top:6px;font-size:8.5px;letter-spacing:.44em;}
  .foot-brand p{color:var(--mist);font-size:13.5px;margin-top:20px;max-width:32ch;}
  footer h5{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--mist);font-weight:500;margin-bottom:20px;}
  .foot-links{display:flex;flex-direction:column;gap:12px;}
  .foot-links a{font-size:14px;color:rgba(244,241,234,.72);transition:color .35s;}
  .foot-links a:hover{color:var(--gold);}
  .foot-base{border-top:1px solid var(--hair);padding-top:26px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--mist);font-size:12px;}
  @media(max-width:820px){.foot{grid-template-columns:1fr;gap:38px;}}

  .rv{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease);}
  .rv.in{opacity:1;transform:none;}
  /* the photograph layer inside a service panel */
  .panel .ph{position:absolute;inset:0;z-index:0;display:block;
    background-size:cover;background-position:center;background-repeat:no-repeat;
    opacity:.76;transform:scale(1.12);filter:saturate(.85) brightness(.9);
    transition:opacity 1s var(--ease),transform 1.4s var(--ease),filter 1s var(--ease);}
  .panel.on .ph{opacity:1;transform:scale(1);filter:none;}
  .panel.photo .scene{display:none !important;}
  .panel > *:not(.ph){position:relative;z-index:2;}
  .frame.photo svg{display:none !important;}
  @media(max-width:900px){.panel .ph{opacity:.9;transform:none;filter:none;}}

  /* The Standard — each point takes the light as it passes */
  .std-aside{position:sticky;top:112px;}
  .std-item{position:relative;padding:34px 0 34px 30px;opacity:.26;
    transition:opacity .8s var(--ease),padding-left .8s var(--ease);}
  .std-item::before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:2px;
    background:linear-gradient(180deg,var(--gold),rgba(201,174,124,.15));
    transform:scaleY(0);transform-origin:top;transition:transform .9s var(--ease);}
  .std-item.lit{opacity:1;padding-left:40px;}
  .std-item.lit::before{transform:scaleY(1);}
  .std-item .n{display:block;font-size:9.5px;letter-spacing:.3em;color:var(--gold);margin-bottom:10px;}
  .std-item h4{transition:color .55s var(--ease);}
  .std-item.lit h4{color:var(--gold-soft,#E4D3AE);}
  .std-count{margin-top:38px;display:flex;align-items:baseline;gap:16px;}
  .std-count .cur{font-size:clamp(44px,5.6vw,74px);line-height:1;color:var(--ivory);}
  .std-bar{margin-top:14px;height:2px;background:rgba(244,241,234,.16);max-width:280px;}
  .std-bar i{display:block;height:100%;width:20%;background:var(--gold);transition:width .8s var(--ease);}
  @media(max-width:940px){
    .std-aside{position:static;}
    .std-item{opacity:1;padding-left:30px;}
    .std-item::before{transform:scaleY(1);}
  }

  @media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none!important;transition:none!important;}
    .rv{opacity:1;transform:none;}
    .rise>*{transform:none;opacity:1;}
    .curtain{display:none;}
    .hero-shell{height:auto;}
    .hero{position:relative;}
    .hero-film{position:absolute;inset:-6% 0;z-index:0;overflow:hidden;will-change:transform;}
  .hero-film video{width:100%;height:100%;object-fit:cover;display:block;}
  .hero-media{transform:none;}
    .stop{opacity:1;}
    html{scroll-behavior:auto;}
  }