/*!
 * Triad Services website · The Violet Hour styles
 * Designed and developed by QR Digital · https://qrdigital.co.za
 * Copyright (c) 2026 QR Digital. All rights reserved.
 * Unauthorised copying, reuse or redistribution of this file, in whole or in part, is prohibited.
 */


:root{
  --qrd-ink:#07060f;
  --qrd-night:#110d24;
  --qrd-lilac:#f2ecfb;
  --qrd-lilac-2:rgba(242,236,251,.76);
  --qrd-lilac-3:rgba(242,236,251,.54);
  --qrd-magenta:#e046c9;
  --qrd-violet:#8a5cff;
  --qrd-cyan:#46c2ff;
  --qrd-firefly:#ffd27a;
  --qrd-glass:rgba(12,9,28,.52);
  --qrd-fill:rgba(242,236,251,.06);
  --qrd-fill-2:rgba(242,236,251,.1);
  --qrd-display:'Bricolage Grotesque','Hanken Grotesk','Helvetica Neue',Arial,sans-serif;
  --qrd-sans:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;
  --qrd-gutter:clamp(20px,5vw,72px);
  --qrd-ease:cubic-bezier(.22,.7,.14,1);
  --qrd-grad:linear-gradient(100deg,var(--qrd-magenta),var(--qrd-violet) 50%,var(--qrd-cyan));
  --qrd-btn:linear-gradient(100deg,#b23ec0,#6f47e6 55%,#2f8fe0);
}

/* ---------- world ground ------------------------------------------------ */
html{background:var(--qrd-ink)}
body:has(.qrd-section){
  background:var(--qrd-night) linear-gradient(180deg,#140f2c 0%,#2a1d4a 55%,#5a2f5e 100%) fixed;
  color:var(--qrd-lilac);font-family:var(--qrd-sans);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
body:has(.qrd-section) #page-container,
body:has(.qrd-section) #main-content,
body:has(.qrd-section) #main-content .container,
body:has(.qrd-section) .et-l,
body:has(.qrd-section) .et_pb_section.qrd-section,
body:has(.qrd-section) .et_builder_inner_content{background:transparent!important}
body:has(.qrd-section) #main-content .container:before{display:none}

.qrd-sky,.qrd-weave{position:fixed;inset:0;pointer-events:none}
.qrd-sky{z-index:0;width:100%;height:100%}
.qrd-weave{z-index:1;opacity:.5;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cg fill='none' stroke='%23b99cff' stroke-opacity='.2' stroke-width='1'%3E%3Cpath d='M0 9h18M18 27h18M9 0v18M27 18v18'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image:radial-gradient(circle var(--qrd-r,240px) at var(--mx,-999px) var(--my,-999px),#000 0%,rgba(0,0,0,.3) 45%,transparent 100%);
          mask-image:radial-gradient(circle var(--qrd-r,240px) at var(--mx,-999px) var(--my,-999px),#000 0%,rgba(0,0,0,.3) 45%,transparent 100%)}
body:has(.qrd-section) #page-container{position:relative;z-index:2}

/* ---------- sections & rows ------------------------------------------- */
.et_pb_section.qrd-section{position:relative;padding:clamp(52px,6.5vw,96px) 0;overflow:visible}
.et_pb_section.qrd-section .et_pb_row{width:calc(100% - 2*var(--qrd-gutter));max-width:1240px;padding:0}
.et_pb_section.qrd-pagehead{padding-top:clamp(116px,12vw,150px);padding-bottom:clamp(16px,2vw,28px)}
.et_pb_section.qrd-hero{display:flex;flex-direction:column;justify-content:center;padding-top:clamp(116px,11vw,150px);padding-bottom:clamp(36px,4.5vw,64px)}
.et_pb_section.qrd-hero .et_pb_row{display:flex;align-items:center;gap:clamp(28px,5vw,72px)}
.et_pb_section.qrd-hero .et_pb_column{margin-right:0!important}
.et_pb_section.qrd-tight{padding-block:clamp(24px,3.5vw,52px)}
.qrd-section .et_pb_column{min-width:0}
.qrd-section .et_pb_module{margin-bottom:0}
.qrd-section .et_pb_module + .et_pb_module{margin-top:clamp(12px,1.4vw,20px)}

/* ---------- typography ------------------------------------------------ */
.qrd-section,.qrd-section p,.qrd-section li,.qrd-section td,.qrd-section th,
.qrd-header,.qrd-footer{color:var(--qrd-lilac);font-family:var(--qrd-sans);font-size:clamp(16px,1.05vw,18px);line-height:1.7;font-weight:400}
.qrd-section p{color:var(--qrd-lilac-2);max-width:62ch;padding-bottom:0}
.qrd-section p + p{margin-top:1em}
.qrd-section h1,.qrd-section h2,.qrd-section h3,.qrd-section h4{font-family:var(--qrd-display);color:var(--qrd-lilac);padding-bottom:0;text-wrap:balance;font-style:normal}
.qrd-section h1{font-size:clamp(40px,6.4vw,92px);line-height:.96;letter-spacing:-.035em;font-weight:500}
.qrd-section h2{font-size:clamp(30px,3.8vw,54px);line-height:1.02;letter-spacing:-.03em;font-weight:500}
.qrd-section h3{font-size:clamp(21px,1.9vw,27px);line-height:1.2;letter-spacing:-.015em;font-weight:500}
.qrd-section h4{font-size:19px;line-height:1.3;font-weight:600}
.qrd-section h1 em,.qrd-section h2 em,.qrd-statement em{font-style:normal;background:var(--qrd-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.qrd-eyebrow{font-family:var(--qrd-sans)!important;font-size:12px!important;letter-spacing:.24em;text-transform:uppercase;color:var(--qrd-lilac-3)!important;font-weight:600!important;margin-bottom:12px!important}
.qrd-eyebrow b{font-weight:600;background:var(--qrd-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.qrd-lede{font-size:clamp(18px,1.4vw,21px)!important;line-height:1.6!important;color:var(--qrd-lilac)!important;max-width:44ch!important}
.qrd-statement p{font-family:var(--qrd-display);font-weight:400;font-size:clamp(27px,3.6vw,52px);line-height:1.14;letter-spacing:-.025em;color:var(--qrd-lilac);max-width:24ch;text-wrap:balance}
.qrd-small,.qrd-section .qrd-small p{font-size:13px!important;line-height:1.6;color:var(--qrd-lilac-3)!important}
.qrd-section:not(.qrd-header):not(.qrd-footer) a:not(.et_pb_button){color:var(--qrd-lilac);text-decoration:underline;text-decoration-color:rgba(242,236,251,.35);text-underline-offset:5px;text-decoration-thickness:1px;transition:color .3s,text-decoration-color .3s}
.qrd-section:not(.qrd-header):not(.qrd-footer) a:not(.et_pb_button):hover{color:#fff;text-decoration-color:var(--qrd-cyan)}
.qrd-section a:focus-visible,.qrd-header a:focus-visible,.qrd-footer a:focus-visible,.qrd-section button:focus-visible,.qrd-section input:focus-visible,.qrd-section textarea:focus-visible,.qrd-menu-toggle:focus-visible,.qrd-intro__skip:focus-visible{outline:2px solid var(--qrd-cyan);outline-offset:4px;border-radius:4px}

/* ---------- buttons --------------------------------------------------- */
.qrd-section .et_pb_button_module_wrapper{display:inline-block;margin-right:10px;margin-top:clamp(18px,2vw,26px)!important}
.qrd-section .et_pb_button,.qrd-header .et_pb_button{position:relative;display:inline-flex;align-items:center;gap:12px;font-family:var(--qrd-sans)!important;font-size:15px!important;font-weight:600;letter-spacing:.02em;line-height:1!important;padding:18px 28px!important;border-radius:999px;border:0!important;color:var(--qrd-lilac)!important;background:var(--qrd-fill-2)!important;transition:background .4s,transform .4s var(--qrd-ease),box-shadow .4s!important}
.qrd-section .et_pb_button:after,.qrd-header .et_pb_button:after{content:"→"!important;font-family:var(--qrd-sans)!important;position:static!important;opacity:1!important;margin:0!important;font-size:16px!important;line-height:1!important;transition:transform .4s var(--qrd-ease)}
.qrd-section .et_pb_button:hover,.qrd-header .et_pb_button:hover{background:rgba(242,236,251,.16)!important;padding:18px 28px!important}
.qrd-section .et_pb_button:hover:after{transform:translateX(4px)}
.qrd-section .et_pb_button.qrd-btn-primary,.qrd-header .et_pb_button.qrd-btn-primary{color:#fff!important;background:var(--qrd-btn)!important;box-shadow:0 10px 40px -12px rgba(138,92,255,.75)}
.qrd-section .et_pb_button.qrd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 50px -12px rgba(224,70,201,.6)}

/* ---------- the lit window (hero imagery) ----------------------------- */
.qrd-window{position:relative}
.qrd-window .et_pb_image_wrap{position:relative;display:block;aspect-ratio:1/1.08;max-height:68vh;width:100%;max-width:100%;overflow:hidden;border-radius:999px 999px 8px 8px;
  background:radial-gradient(120% 80% at 50% 100%,#e8925f 0%,#8c3f86 38%,#2a1d4a 72%,#110d24 100%);
  box-shadow:0 50px 120px -40px rgba(224,70,201,.55),0 0 80px -20px rgba(70,194,255,.25)}
.qrd-window .et_pb_image_wrap img{position:absolute;inset:-4%;width:108%!important;height:108%!important;max-width:none;object-fit:cover;object-position:50% 60%;transform:translate3d(var(--tx,0),var(--ty,0),0);transition:transform 1.2s var(--qrd-ease);filter:saturate(1.05) contrast(1.03)}
.qrd-window .et_pb_image_wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,13,36,0) 55%,rgba(17,13,36,.45) 100%),linear-gradient(0deg,rgba(138,92,255,.14),rgba(224,70,201,.04));pointer-events:none}
.qrd-window.is-missing img{display:none}
.qrd-caption{margin-top:16px!important}
.qrd-caption p{font-size:12px!important;letter-spacing:.2em;text-transform:uppercase;color:var(--qrd-lilac-3)!important}

/* the orbit: a floating illustration without a frame */
.qrd-orbit{position:relative;overflow:hidden;border-radius:50%}
.qrd-orbit .et_pb_image_wrap{display:block;filter:drop-shadow(0 0 40px rgba(138,92,255,.45))}
.qrd-orbit img{width:100%;height:auto;animation:qrd-turn 60s linear infinite}
@keyframes qrd-turn{to{transform:rotate(360deg)}}

/* ---------- stanzas (pillars & steps) --------------------------------- */
.qrd-stanza{position:relative;padding:clamp(10px,1.2vw,16px) 0}
.qrd-section .qrd-stanza + .qrd-stanza{margin-top:0!important}
.qrd-stanza .et_pb_text_inner{display:grid;grid-template-columns:minmax(56px,96px) 1fr;gap:6px clamp(16px,3vw,40px);align-items:baseline}
.qrd-stanza .qrd-mark{grid-row:span 2;font-family:var(--qrd-display);font-weight:500;font-size:clamp(30px,3.2vw,46px);line-height:1;letter-spacing:-.03em;color:rgba(242,236,251,.28);transition:color .7s,text-shadow .7s}
.qrd-stanza h3,.qrd-stanza p{grid-column:2;margin:0}
.qrd-stanza.is-lit .qrd-mark{color:var(--qrd-firefly);text-shadow:0 0 24px rgba(255,210,122,.55)}
.qrd-sticky{position:sticky;top:100px}

/* ---------- cover ledger (plan tables) -------------------------------- */
.qrd-ledger .et_pb_text_inner{padding:clamp(18px,2.4vw,30px);border-radius:10px;background:var(--qrd-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.qrd-ledger h3{margin-bottom:4px}
.qrd-ledger .qrd-ledger-note{font-size:14px!important;color:var(--qrd-lilac-3)!important;margin-bottom:10px}
.qrd-ledger table{width:100%;border-collapse:separate;border-spacing:0 6px;border:0;margin:0;font-variant-numeric:tabular-nums lining-nums}
.qrd-ledger th,.qrd-ledger td{border:0!important;padding:11px 14px!important;text-align:left;background:none!important}
.qrd-ledger th{font-size:11px!important;letter-spacing:.2em;text-transform:uppercase;color:var(--qrd-lilac-3)!important;font-weight:600;padding-bottom:4px!important}
.qrd-ledger tbody tr td{background:var(--qrd-fill)!important}
.qrd-ledger tbody tr td:first-child{border-radius:8px 0 0 8px}
.qrd-ledger tbody tr td:last-child{border-radius:0 8px 8px 0}
.qrd-ledger td{font-family:var(--qrd-display)!important;font-size:clamp(19px,1.7vw,24px)!important;font-weight:500;letter-spacing:-.01em}
.qrd-ledger td:last-child,.qrd-ledger th:last-child{text-align:right}
.qrd-ledger td:last-child span{font-family:var(--qrd-sans);font-size:13px;font-weight:400;color:var(--qrd-lilac-3);margin-left:4px}
.qrd-ledger tbody tr:hover td{background:var(--qrd-fill-2)!important;color:#fff}
.qrd-from{font-family:var(--qrd-display);font-size:clamp(72px,11vw,160px)!important;font-weight:500;line-height:.9;letter-spacing:-.055em;background:var(--qrd-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-variant-numeric:lining-nums}
.qrd-from small{font-size:.2em;letter-spacing:0;font-family:var(--qrd-sans);font-weight:500;-webkit-text-fill-color:var(--qrd-lilac-2)}

/* ---------- brochures: a lit grid -------------------------------------- */
.et_pb_row.qrd-folio-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.et_pb_row.qrd-folio-row:after{display:none}
.et_pb_row.qrd-folio-row .et_pb_column{width:auto!important;margin:0!important;float:none}
.qrd-folio .et_pb_image_wrap{display:block;overflow:hidden;border-radius:8px;box-shadow:0 24px 60px -28px rgba(0,0,0,.9);transition:transform .7s var(--qrd-ease),box-shadow .7s var(--qrd-ease)}
.qrd-folio img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:linear-gradient(160deg,#3a2466,#110d24)}
.qrd-folio a:hover .et_pb_image_wrap,.qrd-folio a:focus-visible .et_pb_image_wrap{transform:translateY(-6px);box-shadow:0 30px 70px -26px rgba(0,0,0,.9),0 0 50px -10px rgba(255,210,122,.45)}
.qrd-section .et_pb_row + .et_pb_row.qrd-folio-row{margin-top:clamp(20px,2.6vw,36px)}

/* ---------- contact --------------------------------------------------- */
.qrd-details dl{margin:0;display:grid;gap:clamp(12px,1.6vw,18px)}
.qrd-details dt{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--qrd-lilac-3);font-weight:600}
.qrd-details dd{margin:6px 0 0;font-family:var(--qrd-display);font-size:clamp(19px,1.8vw,24px);font-weight:500;letter-spacing:-.01em;line-height:1.35;color:var(--qrd-lilac);overflow-wrap:anywhere}
.qrd-form{padding:clamp(20px,2.6vw,34px)!important;border-radius:12px;background:var(--qrd-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.qrd-form .et_pb_contact_main_title{font-family:var(--qrd-display);font-weight:500;letter-spacing:-.02em;font-size:28px;color:var(--qrd-lilac);margin-bottom:18px}
.qrd-form .et_pb_contact_field{padding-left:0!important;margin-bottom:10px!important}
.qrd-form .et_pb_contact_field_half{width:100%!important;float:none!important}
.qrd-form p input.input,.qrd-form p textarea.input,.qrd-form .et_pb_contact_captcha{background:var(--qrd-fill)!important;border:0!important;border-radius:8px!important;color:var(--qrd-lilac)!important;font-family:var(--qrd-sans)!important;font-size:16px!important;padding:16px 18px!important;transition:background .3s,box-shadow .3s}
.qrd-form p input.input:not(.et_pb_contact_captcha),.qrd-form p textarea.input{width:100%!important}
.qrd-form p textarea.input{min-height:140px}
.qrd-form p input.input:focus,.qrd-form p textarea.input:focus{background:var(--qrd-fill-2)!important;box-shadow:0 0 0 2px rgba(70,194,255,.6)}
.qrd-form .input::placeholder{color:var(--qrd-lilac-3)!important;opacity:1}
.qrd-form .et_contact_bottom_container{float:none;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}
.qrd-form .et_pb_contact_right p{color:var(--qrd-lilac-2);margin:0}
.qrd-form .et_pb_contact_captcha{width:70px!important;display:inline-block;text-align:center;margin-left:6px}
.qrd-form .et_pb_contact_submit{margin:0!important;border:0!important;color:#fff!important;background:var(--qrd-btn)!important;border-radius:999px;padding:16px 30px!important;font-family:var(--qrd-sans)!important;font-size:15px!important;font-weight:600;cursor:pointer}
.qrd-form .et_pb_contact_submit:after{display:none}
.qrd-map iframe{display:block;width:100%;height:clamp(260px,32vw,420px);border:0;border-radius:12px;filter:invert(.92) hue-rotate(200deg) saturate(.6) brightness(.9);opacity:.85}

/* ---------- header ---------------------------------------------------- */
.et_pb_section.qrd-header{position:fixed!important;top:0;left:0;right:0;z-index:50;padding:16px 0!important;background:transparent!important;transition:background .6s,padding .6s}
.et_pb_section.qrd-header.is-scrolled{padding:8px 0!important;background:rgba(9,7,20,.66)!important;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
body.admin-bar .et_pb_section.qrd-header{top:32px}
.qrd-header .et_pb_row{width:calc(100% - 2*var(--qrd-gutter));max-width:1400px;display:flex;align-items:center;justify-content:space-between;padding:0}
.qrd-header .et_pb_column{width:auto!important;margin:0!important}
.qrd-header .et_pb_column:after{display:none}
.qrd-logo a,.qrd-logo .et_pb_image_wrap{display:block;line-height:0}
.qrd-logo img{display:block;height:clamp(52px,5vw,64px);width:auto;aspect-ratio:1.18/1;object-fit:cover;object-position:50% 45%;border-radius:12px;box-shadow:0 0 0 1px rgba(138,92,255,.25),0 10px 30px -10px rgba(138,92,255,.6)}
.qrd-header .et_pb_column:last-child{margin-left:auto!important;text-align:right}
.qrd-nav{display:flex;justify-content:flex-end;align-items:center}
.qrd-nav ul{list-style:none;display:flex;align-items:center;gap:clamp(18px,2.4vw,38px);margin:0;padding:0}
.qrd-nav li{padding:0;list-style:none}
.qrd-nav a{font-family:var(--qrd-sans);font-size:15px;font-weight:500;color:var(--qrd-lilac-2);text-decoration:none;padding:8px 0;transition:color .3s}
.qrd-nav a:hover,.qrd-nav a[aria-current="page"]{color:#fff}
.qrd-nav a[aria-current="page"]{text-shadow:0 0 18px rgba(138,92,255,.9)}
.qrd-nav .qrd-nav-cta a{padding:12px 20px;border-radius:999px;color:#fff;background:var(--qrd-btn)}
.qrd-menu-cb{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}
.qrd-menu-toggle{display:none}
.qrd-menu-toggle .qrd-m-close{display:none}

/* ---------- footer ---------------------------------------------------- */
.et_pb_section.qrd-footer{position:relative;z-index:2;padding:clamp(40px,5vw,64px) 0 26px!important;background:linear-gradient(180deg,transparent,rgba(7,6,15,.88) 40%)!important}
.qrd-footer .et_pb_row{width:calc(100% - 2*var(--qrd-gutter));max-width:1240px;padding:0}
.qrd-footer p,.qrd-footer li{font-size:14px;line-height:1.75;color:var(--qrd-lilac-2)}
.qrd-footer h4{font-family:var(--qrd-sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--qrd-lilac-3);font-weight:600;margin-bottom:12px;padding-bottom:0}
.qrd-footer ul{list-style:none;padding:0;margin:0}
.qrd-footer li{padding:0}
.qrd-footer a{color:var(--qrd-lilac);text-decoration:none}
.qrd-footer a:hover{color:#fff}
.qrd-footer .qrd-logo img{height:72px}
.qrd-footer .qrd-fine{margin-top:clamp(24px,3vw,36px)!important}
.qrd-footer .qrd-fine-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:10px}
.qrd-credit{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.qrd-heart{color:var(--qrd-magenta);flex:none;transition:transform .4s var(--qrd-ease)}
.qrd-credit:hover .qrd-heart{transform:scale(1.18)}
.qrd-footer .qrd-credit a{color:var(--qrd-lilac-2);text-decoration:underline;text-decoration-color:rgba(242,236,251,.3);text-underline-offset:3px}
.qrd-footer .qrd-credit a:hover{color:#fff}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.qrd-footer .qrd-fine p{font-size:12px;line-height:1.7;color:var(--qrd-lilac-3);max-width:none}

/* ---------- reveal ---------------------------------------------------- */
.qrd-pre{opacity:0;transform:translate3d(0,26px,0)}
.qrd-pre.is-in{opacity:1;transform:none;transition:opacity 1.1s var(--qrd-ease),transform 1.3s var(--qrd-ease)}

/* ---------- veil (journey between pages) ------------------------------ */
html.qrd-cover:after{content:"";position:fixed;inset:0;z-index:9999;background:var(--qrd-night)}
.qrd-veil{position:fixed;inset:-2px 0;z-index:9998;pointer-events:none;visibility:hidden;transform:translate3d(0,101%,0);
  background:radial-gradient(70% 90px at 50% 0,rgba(138,92,255,.85),transparent 100%),linear-gradient(180deg,#3b2366 0,#1c1438 90px,#110d24 40%,#07060f 100%)}
.qrd-veil.is-rising,.qrd-veil.is-covering{visibility:visible}
.qrd-veil.is-covering{transform:translate3d(0,0,0)}
.qrd-veil.is-rising{transition:transform .7s cubic-bezier(.65,0,.35,1)}
.qrd-veil.is-leaving{transform:translate3d(0,-101%,0);transition:transform 1s cubic-bezier(.65,0,.35,1)}
.qrd-veil.is-covering 
/* ---------- intro (once per session) ---------------------------------- */
.qrd-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(80% 60% at 50% 70%,#1d1440 0%,#07060f 70%);color:var(--qrd-lilac);transition:opacity 1s var(--qrd-ease),visibility 1s}
.qrd-intro.is-out{opacity:0;visibility:hidden}
.qrd-intro__stage{display:grid;justify-items:center;gap:26px;text-align:center;padding:0 24px}
.qrd-intro svg{width:clamp(110px,18vw,170px);height:auto;overflow:visible}
.qrd-intro .qrd-strand{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:qrd-draw 1.7s var(--qrd-ease) forwards}
.qrd-intro .qrd-strand:nth-of-type(2){animation-delay:.18s}
.qrd-intro .qrd-strand:nth-of-type(3){animation-delay:.36s}
.qrd-intro .qrd-flare{opacity:0;transform-origin:50% 22%;animation:qrd-flare 1.6s 1.3s var(--qrd-ease) forwards}
.qrd-intro__word{font-family:var(--qrd-display);font-weight:500;letter-spacing:-.03em;font-size:clamp(26px,4vw,46px);line-height:1.1;opacity:0;transform:translateY(10px);animation:qrd-rise 1s 1.5s var(--qrd-ease) forwards}
.qrd-intro__word em{font-style:normal;background:var(--qrd-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.qrd-intro__name{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--qrd-lilac-3);opacity:0;animation:qrd-rise 1s 1.8s var(--qrd-ease) forwards}
.qrd-intro__skip{position:absolute;right:calc(var(--qrd-gutter) + env(safe-area-inset-right,0px));bottom:calc(28px + env(safe-area-inset-bottom,0px));font:600 12px/1 var(--qrd-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--qrd-lilac-2);background:var(--qrd-fill);border:0;border-radius:999px;padding:13px 20px;cursor:pointer}
.qrd-intro__skip:hover{color:#fff;background:var(--qrd-fill-2)}
@keyframes qrd-draw{to{stroke-dashoffset:0}}
@keyframes qrd-flare{0%{opacity:0;transform:scale(.4)}40%{opacity:1}100%{opacity:.85;transform:scale(1)}}
@keyframes qrd-rise{to{opacity:1;transform:none}}

/* ---------- tablet & phone -------------------------------------------- */
@media (max-width:980px){
  .et_pb_section.qrd-section{padding-block:clamp(40px,7vw,64px)}
  .et_pb_section.qrd-section.qrd-hero{padding-top:116px;padding-bottom:36px}
  .et_pb_section.qrd-section.qrd-pagehead{padding-top:124px;padding-bottom:12px}
  .et_pb_section.qrd-hero .et_pb_row{flex-direction:column;align-items:stretch;gap:28px}
  .et_pb_section.qrd-hero .et_pb_column{width:100%!important;margin-bottom:0!important}
  .qrd-window{max-width:420px;margin-inline:auto}
  .qrd-window .et_pb_image_wrap{aspect-ratio:4/3.4;max-height:none}
  .qrd-orbit{max-width:340px;margin-inline:auto}
  .qrd-sticky{position:static}
  .qrd-section .et_pb_row .et_pb_column{width:100%!important;margin-right:0!important;margin-bottom:clamp(18px,4vw,28px)!important}
  .qrd-section .et_pb_row .et_pb_column:last-child{margin-bottom:0!important}
  .qrd-section .et_pb_column:empty{display:none}
  .et_pb_row.qrd-folio-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .qrd-section .et_pb_row.qrd-folio-row .et_pb_column{width:auto!important;margin:0!important}
  .qrd-header .et_pb_row{flex-wrap:nowrap}
  .qrd-header .et_pb_row .et_pb_column{margin-bottom:0!important}
  .qrd-nav ul{position:fixed;inset:0;z-index:60;flex-direction:column;justify-content:center;gap:22px;padding:24px;background:rgba(9,7,20,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .45s var(--qrd-ease),visibility .45s}
  .qrd-nav ul a{font-family:var(--qrd-display);font-size:clamp(28px,8vw,36px);font-weight:500;letter-spacing:-.02em;color:var(--qrd-lilac)}
  .qrd-nav .qrd-nav-cta a{font-family:var(--qrd-sans);font-size:16px;letter-spacing:0;margin-top:10px;display:inline-block;padding:16px 28px}
  .qrd-menu-cb:checked ~ ul{opacity:1;visibility:visible}
  .qrd-menu-toggle{display:inline-flex;position:relative;z-index:61;align-items:center;gap:10px;background:var(--qrd-fill-2);border:0;border-radius:999px;color:var(--qrd-lilac);font:600 12px/1 var(--qrd-sans);letter-spacing:.18em;text-transform:uppercase;padding:14px 18px;cursor:pointer}
  .qrd-menu-toggle i{display:block;width:16px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 5px 0 currentColor;transform:translateY(-2px);transition:transform .4s,box-shadow .4s}
  .qrd-menu-toggle i{position:relative}.qrd-menu-toggle i:after{content:"";position:absolute;inset:0;background:currentColor;border-radius:2px;opacity:0;transition:opacity .3s}
  .qrd-menu-cb:checked ~ .qrd-menu-toggle i{transform:rotate(45deg);box-shadow:none}.qrd-menu-cb:checked ~ .qrd-menu-toggle i:after{opacity:1;transform:rotate(90deg)}
  .qrd-menu-cb:checked ~ .qrd-menu-toggle .qrd-m-open{display:none}.qrd-menu-cb:checked ~ .qrd-menu-toggle .qrd-m-close{display:inline}
  .qrd-menu-cb:focus-visible ~ .qrd-menu-toggle{outline:2px solid var(--qrd-cyan);outline-offset:3px}
  .qrd-stanza .et_pb_text_inner{grid-template-columns:48px 1fr;gap:4px 16px}
  .qrd-footer .et_pb_row .et_pb_column{width:100%!important;margin-right:0!important;margin-bottom:32px!important}
}
@media (max-width:600px){
  :root{--qrd-gutter:20px}
  .et_pb_section.qrd-section{padding-block:36px}
  .et_pb_section.qrd-section.qrd-hero,.et_pb_section.qrd-section.qrd-pagehead{padding-top:112px}
  .et_pb_section.qrd-section.qrd-pagehead{padding-bottom:8px}
  .qrd-section h1{font-size:clamp(36px,10.5vw,50px);letter-spacing:-.03em}
  .qrd-section h2{font-size:clamp(30px,8.6vw,40px)}
  .qrd-statement p{font-size:clamp(25px,7vw,32px)}
  .qrd-eyebrow{letter-spacing:.18em;font-size:11px!important}
  .qrd-logo img{height:50px}
  .et_pb_section.qrd-hero{padding-bottom:36px}
  .qrd-section .et_pb_button_module_wrapper{display:block;margin-right:0;margin-top:10px!important}
  .qrd-section .et_pb_button_module_wrapper:first-of-type{margin-top:18px!important}
  .qrd-section .et_pb_button{width:100%;justify-content:center}
  .qrd-ledger .et_pb_text_inner{padding:18px 14px}
  .qrd-ledger th,.qrd-ledger td{padding:12px 12px!important}
  .qrd-ledger td{font-size:18px!important}
  .qrd-from{font-size:clamp(72px,24vw,110px)!important}
  .qrd-form{padding:20px!important}
  .qrd-form .et_contact_bottom_container{flex-direction:column;align-items:stretch}
  .qrd-form .et_pb_contact_submit{width:100%}
  body.admin-bar .et_pb_section.qrd-header{top:0}
  .qrd-intro__skip{left:50%;right:auto;transform:translateX(-50%)}
}

/* ---------- reduced motion ------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .qrd-pre{opacity:1;transform:none}
  .qrd-veil,.qrd-intro,.qrd-weave{display:none!important}
  html.qrd-cover:after{display:none}
  .qrd-window .et_pb_image_wrap img{transform:none!important}
  .qrd-orbit img{animation:none}
  *{scroll-behavior:auto!important}
}

/* ---------- child theme: replace Divi's header and footer --------------- */
body.qrd-theme #top-header,
body.qrd-theme #main-header,
body.qrd-theme #main-footer,
body.qrd-theme .et-l--header,
body.qrd-theme .et-l--footer{display:none!important}
body.qrd-theme #page-container{padding-top:0!important;margin-top:0!important}
body.qrd-theme #main-content{padding-top:0!important}
body.qrd-theme .et_pb_scroll_top{display:none!important}

/* the header and footer are printed outside Divi's content, so give their columns their own layout */
.qrd-header .et_pb_column,.qrd-footer .et_pb_column{float:none}
.qrd-footer .et_pb_row:first-child{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(28px,4vw,64px)}
.qrd-footer .et_pb_row:first-child .et_pb_column{width:auto!important;margin:0!important}
.qrd-footer .et_pb_module + .et_pb_module{margin-top:18px}
@media (max-width:980px){
  .qrd-footer .et_pb_row:first-child{grid-template-columns:1fr;gap:32px}
}