*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth}body,html{overflow-x:clip}@supports not (overflow:clip){body,html{overflow-x:hidden}}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::-moz-selection{background:#ebbaab;color:#122a86}::selection{background:#ebbaab;color:#122a86}.on-peach ::-moz-selection,.on-peach::-moz-selection{background:#122a86;color:#ebbaab}.on-peach ::selection,.on-peach::selection{background:#122a86;color:#ebbaab}.display-hero-top{font-size:clamp(2.6rem,9.5vw,9rem);line-height:.95;letter-spacing:.04em}.display-hero-main{font-size:clamp(5.2rem,23vw,22rem);line-height:.82;letter-spacing:.005em}.display-xl{font-size:clamp(2.4rem,7vw,6.5rem);line-height:.98;letter-spacing:.02em}.display-lg{font-size:clamp(1.9rem,4.6vw,4.3rem);line-height:1.05;letter-spacing:.02em}.display-md{font-size:clamp(1.4rem,2.6vw,2.4rem);line-height:1.12;letter-spacing:.03em}.eyebrow{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.32em}@media (min-width:768px){.eyebrow{font-size:.75rem;line-height:1rem}}.btn{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.32em;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width:768px){.btn{font-size:.75rem;line-height:1rem}}.btn-peach{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.32em;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width:768px){.btn-peach{font-size:.75rem;line-height:1rem}}.btn-peach{background-color:rgb(235 186 171/var(--tw-bg-opacity,1))}.btn-peach,.btn-peach:hover{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(18 42 134/var(--tw-text-opacity,1))}.btn-peach:hover{background-color:rgb(235 186 171/var(--tw-bg-opacity,1))}.btn-outline-peach{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.32em;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width:768px){.btn-outline-peach{font-size:.75rem;line-height:1rem}}.btn-outline-peach{border-width:1px;border-color:rgba(235,186,171,.7);--tw-text-opacity:1;color:rgb(235 186 171/var(--tw-text-opacity,1))}.btn-outline-peach:hover{--tw-bg-opacity:1;background-color:rgb(235 186 171/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(18 42 134/var(--tw-text-opacity,1))}.btn-royal{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.32em;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width:768px){.btn-royal{font-size:.75rem;line-height:1rem}}.btn-royal{--tw-bg-opacity:1;background-color:rgb(18 42 134/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(235 186 171/var(--tw-text-opacity,1))}.btn-royal:hover{--tw-bg-opacity:1;background-color:rgb(12 28 94/var(--tw-bg-opacity,1))}.nav-link{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.32em;color:rgba(235,186,171,.85);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.nav-link:hover{--tw-text-opacity:1;color:rgb(235 186 171/var(--tw-text-opacity,1))}@media (min-width:768px){.nav-link{font-size:.7rem}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}.modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:1.25rem;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility .35s ease}.modal.is-open{visibility:visible;opacity:1}.modal-panel{transform:translateY(18px) scale(.985);transition:transform .4s cubic-bezier(.16,1,.3,1)}.modal.is-open .modal-panel{transform:none}.test-tab{position:relative;min-width:3.2rem;flex:1 1 0%;cursor:pointer;border-top-width:1px;border-color:rgba(235,186,171,.25);padding-top:1rem;padding-bottom:1.25rem;text-align:left;font-family:Qara,Didot,Bodoni MT,serif;font-size:1.25rem;line-height:1.75rem;color:rgba(235,186,171,.45);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width:768px){.test-tab{font-size:1.875rem;line-height:2.25rem}}.test-tab:hover{color:rgba(235,186,171,.8)}.test-tab.is-active{border-top-width:2px;--tw-border-opacity:1;border-color:rgb(235 186 171/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(235 186 171/var(--tw-text-opacity,1))}.tick{display:block;height:.5rem;width:.5rem;flex-shrink:0;--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:currentColor}.no-word{display:inline-block;padding:.245em .06em .03em;margin:-.245em 0 -.03em -.06em;transition:background-color .7s cubic-bezier(.16,1,.3,1),color .7s cubic-bezier(.16,1,.3,1)}.no-word.is-hit{background-color:#122a86;color:#ebbaab}.test-track{display:flex;height:100%;width:700%;will-change:transform}.test-panel{width:14.28571%;height:100%;flex:none}.numeral-panel{font-size:clamp(4.5rem,11vw,10rem);line-height:.85}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-left-5{left:-1.25rem}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.right-\[-10\%\]{right:-10%}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-6{top:1.5rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[80\]{z-index:80}.order-1{order:1}.order-2{order:2}.mx-auto{margin-left:auto;margin-right:auto}.-mb-\[0\.06em\]{margin-bottom:-.06em}.-mr-2{margin-right:-.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-24{margin-top:6rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-40{height:10rem}.h-9{height:2.25rem}.h-\[450vh\]{height:450vh}.h-\[52vh\]{height:52vh}.h-\[55vh\]{height:55vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[44vh\]{max-height:44vh}.min-h-\[14rem\]{min-height:14rem}.min-h-screen{min-height:100vh}.w-7{width:1.75rem}.w-\[130\%\]{width:130%}.w-\[44\%\]{width:44%}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y:50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.scroll-mt-20{scroll-margin-top:5rem}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-14{row-gap:3.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-royal\/20>:not([hidden])~:not([hidden]){border-color:rgba(18,42,134,.2)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.\!border-red-400{--tw-border-opacity:1!important;border-color:rgb(248 113 113/var(--tw-border-opacity,1))!important}.border-peach\/15{border-color:rgba(235,186,171,.15)}.border-peach\/20{border-color:rgba(235,186,171,.2)}.border-peach\/25{border-color:rgba(235,186,171,.25)}.border-peach\/40{border-color:rgba(235,186,171,.4)}.border-peach\/50{border-color:rgba(235,186,171,.5)}.border-royal\/20{border-color:rgba(18,42,134,.2)}.border-royal\/25{border-color:rgba(18,42,134,.25)}.border-royal\/30{border-color:rgba(18,42,134,.3)}.border-royal\/50{border-color:rgba(18,42,134,.5)}.bg-current{background-color:currentColor}.bg-peach{--tw-bg-opacity:1;background-color:rgb(235 186 171/var(--tw-bg-opacity,1))}.bg-royal{--tw-bg-opacity:1;background-color:rgb(18 42 134/var(--tw-bg-opacity,1))}.bg-royal\/70{background-color:rgba(18,42,134,.7)}.bg-royal\/90{background-color:rgba(18,42,134,.9)}.bg-transparent{background-color:transparent}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-8{padding-bottom:2rem}.pr-8{padding-right:2rem}.pt-10{padding-top:2.5rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-body{font-family:Inter,Helvetica Neue,Arial,sans-serif}.font-display{font-family:Qara,Didot,Bodoni MT,serif}.\!text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-wide2{letter-spacing:.18em}.text-peach{--tw-text-opacity:1;color:rgb(235 186 171/var(--tw-text-opacity,1))}.text-peach\/50{color:rgba(235,186,171,.5)}.text-peach\/60{color:rgba(235,186,171,.6)}.text-peach\/70{color:rgba(235,186,171,.7)}.text-peach\/75{color:rgba(235,186,171,.75)}.text-peach\/80{color:rgba(235,186,171,.8)}.text-peach\/85{color:rgba(235,186,171,.85)}.text-peach\/90{color:rgba(235,186,171,.9)}.text-royal{--tw-text-opacity:1;color:rgb(18 42 134/var(--tw-text-opacity,1))}.text-royal\/80{color:rgba(18,42,134,.8)}.text-royal\/85{color:rgba(18,42,134,.85)}.text-royal\/90{color:rgba(18,42,134,.9)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-90{opacity:.9}.drop-shadow-\[0_28px_40px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{--tw-drop-shadow:drop-shadow(0 28px 40px rgba(0,0,0,.35));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}@font-face{font-family:Qara;src:url(../ASSET/fonts/Qara-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sharp Grotesk;src:url(../ASSET/fonts/SharpGrotesk-Light20.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Sharp Grotesk;src:url(../ASSET/fonts/SharpGrotesk-Book20.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sharp Grotesk;src:url(../ASSET/fonts/SharpGrotesk-Medium20.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Sharp Grotesk;src:url(../ASSET/fonts/SharpGrotesk-SemiBold20.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Sharp Grotesk;src:url(../ASSET/fonts/SharpGrotesk-Bold20.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}.placeholder\:text-peach\/40::-moz-placeholder{color:rgba(235,186,171,.4)}.placeholder\:text-peach\/40::placeholder{color:rgba(235,186,171,.4)}.placeholder\:text-royal\/40::-moz-placeholder{color:rgba(18,42,134,.4)}.placeholder\:text-royal\/40::placeholder{color:rgba(18,42,134,.4)}.focus\:border-peach:focus{--tw-border-opacity:1;border-color:rgb(235 186 171/var(--tw-border-opacity,1))}.focus\:border-royal:focus{--tw-border-opacity:1;border-color:rgb(18 42 134/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:scale-\[1\.04\]{--tw-scale-x:1.04;--tw-scale-y:1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:-left-7{left:-1.75rem}.md\:right-\[-4\%\]{right:-4%}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-8{grid-column:span 8/span 8}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-16{margin-bottom:4rem}.md\:mb-20{margin-bottom:5rem}.md\:mb-24{margin-bottom:6rem}.md\:mb-8{margin-bottom:2rem}.md\:mt-0{margin-top:0}.md\:mt-10{margin-top:2.5rem}.md\:mt-14{margin-top:3.5rem}.md\:mt-20{margin-top:5rem}.md\:mt-36{margin-top:9rem}.md\:block{display:block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:h-11{height:2.75rem}.md\:h-16{height:4rem}.md\:h-56{height:14rem}.md\:h-\[80vh\]{height:80vh}.md\:w-\[30\%\]{width:30%}.md\:w-\[75\%\]{width:75%}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-12{gap:3rem}.md\:gap-16{gap:4rem}.md\:gap-x-0{-moz-column-gap:0;column-gap:0}.md\:self-auto{align-self:auto}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:py-36{padding-top:9rem;padding-bottom:9rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:py-9{padding-top:2.25rem;padding-bottom:2.25rem}.md\:pt-28{padding-top:7rem}.md\:pt-40{padding-top:10rem}.md\:\!text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:h-auto{height:auto}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:gap-12{gap:3rem}.lg\:gap-8{gap:2rem}.lg\:px-14{padding-left:3.5rem;padding-right:3.5rem}}
/* DAR-7.COM local fix: equal optical padding above and below the NO highlight.
   Browsers with text-box-trim can trim the inline box to cap-height and
   baseline, so symmetric padding renders symmetrically regardless of the
   font metrics. The rule above is the fallback for browsers that cannot. */
@supports (text-box-edge:cap alphabetic){.no-word{text-box:trim-both cap alphabetic;padding:.1em .06em;margin:-.1em 0 -.1em -.06em}}

/* ==========================================================================
   DAR-7.COM · WCAG 2.2 LEVEL AAA COMPLIANCE LAYER
   --------------------------------------------------------------------------
   Appended after the Tailwind build so it wins on source order. Everything
   here exists to satisfy a named success criterion; each block says which.

   PALETTE (all ratios measured, not estimated):
     ground   royal      #122a86
     body     peach      #ebbaab   9.76:1 on royal   AAA body  (needs 7)
     display  terracotta #ebbaab   5.40:1 on royal   AAA large (needs 4.5)
     on peach ground, text is royal #122a86          9.76:1    AAA body

   Terracotta is confined to large display type on the royal ground: it is a
   mid-tone and reaches only 1.81:1 on the peach ground, and no terracotta
   reaches 7:1 against any colour, so it can never carry body copy.
   ========================================================================== */

/* --- 1.4.6 Contrast (Enhanced) · display type ------------------------- */
.display-hero-top,.display-hero-main,.display-xl,.display-lg,.display-md{color:#ebbaab}
.on-peach .display-hero-top,.on-peach .display-hero-main,.on-peach .display-xl,
.on-peach .display-lg,.on-peach .display-md{color:#122a86}

/* --- 1.4.6 · translucent text tokens replaced with solid, measured inks -
   Every text-peach/NN below rendered under 7:1, four of them under 4.5:1.
   Two solid tiers keep the visual hierarchy while clearing AAA.            */
.text-peach\/90,.text-peach\/85,.text-peach\/80{color:#ebbaab}          /* 9.76:1 */
.text-peach\/75,.text-peach\/70,.text-peach\/60,
.text-peach\/50,.text-peach\/40{color:#ebbaab}                          /* 8.58:1 */
.text-royal\/90,.text-royal\/85,.text-royal\/80,.text-royal\/40{color:#122a86} /* 9.76:1 */

/* --- 1.4.11 Non-text Contrast · component boundaries need 3:1 ---------- */
.border-peach\/50,.border-peach\/40,.border-peach\/25,
.border-peach\/20,.border-peach\/15{border-color:rgba(235,186,171,.5)}   /* 3.31:1 */
.border-royal\/50,.border-royal\/30,.border-royal\/25,
.border-royal\/20{border-color:rgba(18,42,134,.55)}                      /* 3.35:1 */
.divide-royal\/20>:not([hidden])~:not([hidden]){border-color:rgba(18,42,134,.55)}

/* --- 2.4.7 Focus Visible + 2.4.13 Focus Appearance (AAA) --------------
   The Tailwind build set outline:2px solid transparent on the email inputs,
   which removed the focus ring entirely. No single colour clears 3:1 against
   BOTH grounds, so the indicator is dual-tone: a peach ring inside a royal
   ring. Whichever ground it lands on, one of the two contrasts.            */
.focus\:outline-none:focus{outline:revert}
:focus-visible{outline:3px solid #ebbaab;outline-offset:2px;box-shadow:0 0 0 6px #122a86;border-radius:2px}
.on-peach :focus-visible,.bg-peach :focus-visible{outline-color:#122a86;box-shadow:0 0 0 6px #ebbaab}

/* --- 2.4.1 Bypass Blocks · skip link ---------------------------------- */
.skip-link{position:absolute;left:1rem;top:-10rem;z-index:200;background:#ebbaab;color:#122a86;
  padding:1rem 2rem;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.75rem;
  font-weight:600;text-transform:uppercase;letter-spacing:.32em;text-decoration:none;
  transition:top .2s ease}
.skip-link:focus{top:1rem}

/* --- 2.5.5 Target Size (Enhanced) · 44x44 CSS px minimum --------------- */
.nav-link,.test-tab,button[data-modal-open],button[data-modal-close],
#menu-open,#menu-close{min-height:44px;min-width:44px;
  display:inline-flex;align-items:center;justify-content:center}
.test-tab{justify-content:flex-start}
.footer-links a,.legal-links button{min-height:44px;display:inline-flex;align-items:center}

/* --- 2.2.2 Pause, Stop, Hide · control for the marquee ----------------- */
.motion-paused .marquee-track{animation-play-state:paused!important}
.motion-toggle{position:fixed;right:1rem;bottom:1rem;z-index:120;background:#122a86;color:#ebbaab;
  border:1px solid rgba(235,186,171,.5);padding:.65rem 1rem;font-family:Inter,Helvetica Neue,Arial,sans-serif;
  font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;min-height:44px;cursor:pointer}

/* --- 1.4.8 Visual Presentation (AAA) · line length and spacing --------- */
.font-body{line-height:1.6}
p.font-body{max-width:80ch}

/* --- 2.5.5 Target Size (Enhanced) · second pass ------------------------
   The .btn family renders 40px tall (1rem padding + .7rem/1 line box) and
   the modal close buttons land at ~43px. Both are below the 44px minimum.
   Inline links inside a sentence are exempt under the "Inline" exception,
   so the dar-7.com/verify link in running text is left alone.            */
.btn,.btn-peach,.btn-royal,.btn-outline-peach{min-height:44px}
button[data-modal-close],#menu-open,#menu-close{width:44px;height:44px;flex:0 0 44px;padding:0}

/* --- TWO-INK SYSTEM · no tints, no third colour -----------------------
   navy #122a86 and terracotta #ebbaab, 7.45:1 in BOTH directions, so any
   section can invert without a contrast check. The nav links and inactive
   test tabs were the last two translucent survivors; inactive tabs are
   distinguished by their top border, never by colour alone (1.4.1).      */
.nav-link{color:#ebbaab}
.test-tab{color:#ebbaab;opacity:1;border-top-color:rgba(235,186,171,.5)}
.test-tab.is-active{border-top-color:#ebbaab;border-top-width:2px}

/* --- OWNER RULE · dark blue shadow on all and any text -----------------
   Navy #122a86, inherited from <body> and re-asserted on every element so
   nothing in the Tailwind build can reset it. Two layers: a tight offset
   drop for edge definition, plus a soft halo so terracotta type stays
   legible where it sits over photography.                                */
body,body *{text-shadow:0 1px 0 rgba(18,42,134,.95)}
/* Images, icons and rules must not inherit a text shadow as a filter */
img,svg,hr{text-shadow:none}

/* --- hamburger: bars must stack, not sit in a row ---------------------
   The 2.5.5 target-size rule above sets display:inline-flex on #menu-open,
   which made its two <span> bars flex items on the main axis, i.e. side by
   side. Column direction restores the stacked icon and keeps the 44x44. */
#menu-open{flex-direction:column;gap:6px}
#menu-open span{margin:0!important;width:22px}



/* --- shadow scoped off the peach panels --------------------------------
   The all-text shadow is navy. On the navy ground it is invisible (same
   colour as the background). On the peach panels the text itself is navy,
   so a navy shadow offset 1px under navy glyphs prints every letter twice
   — that is the smear on the product cards. A shadow can never be crisp
   when it is the same colour as the letters it sits under, so peach-ground
   text carries none; navy-ground text keeps the rule. */
.on-peach,.on-peach *,.bg-peach,.bg-peach *{text-shadow:none}



/* --- SEVEN TESTS carousel · whole-panel stepping ------------------------
   The track no longer sits at continuous scroll fractions (which showed
   two clipped half-panels); JS sets it to whole-panel offsets and this
   transition glides between them. Off-step panels are hidden after the
   glide completes so adjacent text can never bleed into view. */
#test-track{transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.test-panel[aria-hidden="true"]{visibility:hidden;transition:visibility 0s .5s}
@media (prefers-reduced-motion:reduce){
  #test-track{transition:none}
  .test-panel[aria-hidden="true"]{transition:none}
}

/* --- STICKY FIX · the carousel's root defect ----------------------------
   <body> carries the Tailwind class overflow-x-hidden. hidden forces the
   other axis to compute to auto, which makes body itself a scroll
   container — so the Seven Tests' position:sticky panel sticks to a
   scrollport that never scrolls, i.e. never pins at all. The reader saw
   the panel slide away and thousands of pixels of empty runway. clip
   gives the same visual clipping WITHOUT creating a scroll container.
   (The build's own body,html{overflow-x:clip} intended exactly this; the
   utility class on the element out-specified it.) */
body.overflow-x-hidden{overflow-x:clip;overflow-y:visible}

/* --- runway pacing: ~0.86 viewport of scroll per test -------------------
   450vh gave 374px per test at a 749px viewport — one wheel flick skipped
   two tests. 700vh puts each test on close to a full gesture. */
#tests-section{height:700vh}

/* --- SEVEN TESTS rail · mobile: one designed row, never a wrap ---------
   At 390px the rail wrapped VII onto an orphan row, which also pushed the
   pinned stack past 100vh so panel text collided with the footer rule.
   Seven equal tabs fit one row at 50px each — still >=44px targets. */
@media (max-width:767px){
  #tests-section [role="tablist"]{flex-wrap:nowrap;column-gap:0}
  .test-tab{min-width:0}
}

/* --- HERO · mobile: content starts at the top, no dead viewport --------
   The hero is min-h-screen + justify-end (bottom-anchored). At phone
   widths the display type scales down but the section stays a full
   viewport tall, leaving the top ~50% empty and pushing the eyebrow
   below the fold. Mobile top-aligns and lets the section be its natural
   height; desktop keeps the designed full-height hero. */
@media (max-width:767px){
  section[aria-label="Hero"]{min-height:0;justify-content:flex-start}
}

/* --- SEVEN TESTS rail · the active marker hugs the numeral -------------
   The active state was a 2px top border on the tab, but each tab is a
   full flex cell, so the strip ran from one numeral to the next and read
   as sitting between two numbers. The rail keeps a uniform hairline;
   selection is a thick underline directly beneath the glyph. */
.test-tab.is-active{border-top-width:1px;border-top-color:rgba(235,186,171,.5)}
.test-tab.is-active{text-decoration:underline;text-decoration-thickness:3px;
  text-underline-offset:.45em;text-decoration-color:#ebbaab}

/* --- INTER · the site sans (replaces Sharp Grotesk in every stack) -----
   Variable font, weights 300-700, self-hosted like every other asset.
   Qara remains the display serif; Inter carries body, nav, buttons,
   eyebrows and forms. The Sharp Grotesk @font-face rules above are now
   unreferenced, so browsers never download those files. */
@font-face{font-family:Inter;src:url(../ASSET/fonts/Inter-Variable.woff2) format("woff2");
  font-weight:300 700;font-style:normal;font-display:swap}

/* --- SHOP cards · price row must never escape its card -----------------
   $140 (display size) + the tracked RESERVE button exceed the card width
   in the 3-column grid at mid viewports; flex children refuse to shrink
   below content, so the button overflowed the card border. The row now
   wraps to a designed two-line stack (price, then button) only when one
   line cannot fit. */
#shop article .items-end.justify-between{flex-wrap:wrap;row-gap:.75rem;column-gap:1rem;min-width:0}

/* --- NAV · tablet tier + hamburger visibility --------------------------
   1) The 44px target-size rule above (#menu-open, an ID) out-specifies
      Tailwind's md:hidden, which un-hid the hamburger on desktop. Re-hide
      it at md and up.
   2) Between 768 and 1023px the three .32em-tracked links plus the CTA
      exceed the row, wrapping labels mid-word ("THE / ESTATE"). Designed
      tablet tier: tighter tracking and gaps, nothing wraps, one line. */
@media (min-width:768px){
  #menu-open{display:none}
}
#site-nav .nav-link,#site-nav .btn-peach{white-space:nowrap}
@media (min-width:768px) and (max-width:1023px){
  #site-nav .nav-link{letter-spacing:.16em}
  #site-nav nav>div:nth-child(2){gap:1.25rem}
  #site-nav .btn-peach{letter-spacing:.16em;padding-left:1rem!important;padding-right:1rem!important}
}

/* --- motion toggle · compact chip (shown only when a marquee exists) ---
   Visual size reduced; the 44px min-height above keeps the AAA target. */
.motion-toggle{font-size:.58rem;letter-spacing:.14em;padding:.4rem .85rem;
  background:rgba(18,42,134,.85);border-color:rgba(235,186,171,.35)}

/* --- MANIFESTO crest · optically centred -------------------------------
   The deboss photo carries its crest at 68.2% of the frame width
   (measured from pixels: bbox 586..1290 of 1376). Shifting the image
   -18.17% of its own width puts the crest on the column centre; the
   uniform blue ground makes the shift seamless and #estate clips any
   overflow. */
#estate img[src*="deboss-logo"]{transform:translateX(-18.17%)}