@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/b06b356f834173cc-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/23d669af23d19c95-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/1a4aa50920b5315c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/b06b356f834173cc-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/23d669af23d19c95-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/1a4aa50920b5315c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b06b356f834173cc-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/23d669af23d19c95-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/1a4aa50920b5315c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b06b356f834173cc-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/23d669af23d19c95-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/1a4aa50920b5315c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/b06b356f834173cc-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/23d669af23d19c95-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/1a4aa50920b5315c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Archivo;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(../media/b06b356f834173cc-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Archivo;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(../media/23d669af23d19c95-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Archivo;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(../media/1a4aa50920b5315c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Archivo Fallback;src:local("Arial");ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.00%;size-adjust:98.70%}.__className_50bf36{font-family:Archivo,Archivo Fallback;font-style:normal}.__variable_50bf36{--font-display:"Archivo","Archivo Fallback"}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../media/5ece437c7024c161-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../media/9cc5b37ab1350db7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../media/35f3de0ebb1cfc70-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../media/e6099e249fd938cc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Instrument Serif Fallback";src:local("Times New Roman");ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.00%;size-adjust:83.94%}.__className_1f5468{font-family:"Instrument Serif","Instrument Serif Fallback";font-weight:400}.__variable_1f5468{--font-voice:"Instrument Serif","Instrument Serif Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_6d24ac{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_6d24ac{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}*,: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.19 | 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:var(--font-mono),ui-monospace,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{height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--paper:#f7f5f1;--ink:#0a0a0c;--blu:#00a5fe;--blu-deep:#007afd;--gutter:clamp(1.25rem,4vw,4.5rem);--section:clamp(5.5rem,14vh,11rem)}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:6rem}body,html{background:var(--paper);overflow-x:clip}body{color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{background:var(--blu);color:#fff}::selection{background:var(--blu);color:#fff}:focus-visible{outline:2px solid var(--blu-deep);outline-offset:3px}img,video{display:block;max-width:100%}.\!container{width:100%!important}.container{width:100%}@media (min-width:420px){.\!container{max-width:420px!important}.container{max-width:420px}}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.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}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-\[13\%\]{inset:13%}.inset-\[30\%\]{inset:30%}.inset-x-0{left:0;right:0}.inset-x-\[14\%\]{left:14%;right:14%}.inset-x-\[8\%\]{left:8%;right:8%}.-bottom-0\.5{bottom:-.125rem}.-bottom-1{bottom:-.25rem}.-left-\[16\%\]{left:-16%}.-left-\[9\%\]{left:-9%}.-right-\[18\%\]{right:-18%}.-right-\[22\%\]{right:-22%}.-top-10{top:-2.5rem}.-top-\[50\%\]{top:-50%}.-top-px{top:-1px}.bottom-0{bottom:0}.bottom-8{bottom:2rem}.bottom-\[-1px\]{bottom:-1px}.bottom-\[2\%\]{bottom:2%}.bottom-\[20\%\]{bottom:20%}.bottom-\[6\%\]{bottom:6%}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[26\%\]{top:26%}.top-\[6\%\]{top:6%}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[150\]{z-index:150}.z-\[200\]{z-index:200}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.col-span-12{grid-column:span 12/span 12}.-m-3{margin:-.75rem}.mx-auto{margin-left:auto;margin-right:auto}.-mr-2\.5{margin-right:-.625rem}.-mt-\[0\.45em\]{margin-top:-.45em}.ml-1{margin-left:.25rem}.ml-\[2px\]{margin-left:2px}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[0\.5em\]{margin-top:.5em}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[0\.78em\]{height:.78em}.h-\[1\.5px\]{height:1.5px}.h-\[12\%\]{height:12%}.h-\[18px\]{height:18px}.h-\[80vh\]{height:80vh}.h-\[calc\(var\(--section\)\*0\.9\)\]{height:calc(var(--section) * .9)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-11{min-height:2.75rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[104px\]{width:104px}.w-\[104vw\]{width:104vw}.w-\[12\%\]{width:12%}.w-\[150\%\]{width:150%}.w-\[18px\]{width:18px}.w-\[2px\]{width:2px}.w-\[34\%\]{width:34%}.w-\[3px\]{width:3px}.w-\[52\%\]{width:52%}.w-\[54\%\]{width:54%}.w-\[74\%\]{width:74%}.w-\[80vw\]{width:80vw}.w-\[min\(100\%\2c 22rem\)\]{width:min(100%,22rem)}.w-\[min\(100\%\2c 54rem\)\]{width:min(100%,54rem)}.w-\[min\(100\%\2c 60rem\)\]{width:min(100%,60rem)}.w-\[min\(100\%\2c 64rem\)\]{width:min(100%,64rem)}.w-\[min\(72\%\2c 26rem\)\]{width:min(72%,26rem)}.w-\[min\(74\%\2c 28rem\)\]{width:min(74%,28rem)}.w-\[min\(80\%\2c 30rem\)\]{width:min(80%,30rem)}.w-\[min\(94\%\2c 34rem\)\]{width:min(94%,34rem)}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[26ch\]{max-width:26ch}.max-w-\[32ch\]{max-width:32ch}.max-w-\[34ch\]{max-width:34ch}.max-w-\[38ch\]{max-width:38ch}.max-w-\[44ch\]{max-width:44ch}.max-w-\[46ch\]{max-width:46ch}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-center{transform-origin:center}.origin-left{transform-origin:left}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-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-x-2{--tw-translate-x:-0.5rem}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1,.-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%}.-translate-y-\[5\.25px\]{--tw-translate-y:-5.25px}.-translate-y-\[5\.25px\],.translate-x-0{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-x-0{--tw-translate-x:0px}.translate-x-1\.5{--tw-translate-x:0.375rem}.translate-x-1\.5,.translate-y-\[0\.02em\]{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-\[0\.02em\]{--tw-translate-y:0.02em}.translate-y-\[5\.25px\]{--tw-translate-y:5.25px}.-rotate-45,.translate-y-\[5\.25px\]{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))}.-rotate-45{--tw-rotate:-45deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.scale-100{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))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-125,.scale-\[1\.14\]{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))}.scale-\[1\.14\]{--tw-scale-x:1.14;--tw-scale-y:1.14}.scale-x-0{--tw-scale-x:0}.scale-x-0,.scale-x-100{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))}.scale-x-100{--tw-scale-x:1}.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))}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-\[2px\]{gap:2px}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-x-9{-moz-column-gap:2.25rem;column-gap:2.25rem}.gap-x-\[0\.28em\]{-moz-column-gap:.28em;column-gap:.28em}.gap-y-10{row-gap:2.5rem}.gap-y-12{row-gap:3rem}.gap-y-14{row-gap:3.5rem}.gap-y-16{row-gap:4rem}.gap-y-2{row-gap:.5rem}.gap-y-20{row-gap:5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-8{row-gap:2rem}.gap-y-9{row-gap:2.25rem}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.hyphens-none{hyphens:none}.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-blu-deep{--tw-border-opacity:1;border-color:rgb(0 122 253/var(--tw-border-opacity,1))}.border-ink{--tw-border-opacity:1;border-color:rgb(10 10 12/var(--tw-border-opacity,1))}.border-ink\/30{border-color:rgba(10,10,12,.3)}.border-line{--tw-border-opacity:1;border-color:rgb(222 218 210/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-white\/60{border-color:hsla(0,0%,100%,.6)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-blu{--tw-bg-opacity:1;background-color:rgb(0 165 254/var(--tw-bg-opacity,1))}.bg-blu-deep{--tw-bg-opacity:1;background-color:rgb(0 122 253/var(--tw-bg-opacity,1))}.bg-blu\/25{background-color:rgba(0,165,254,.25)}.bg-blu\/60{background-color:rgba(0,165,254,.6)}.bg-ink{--tw-bg-opacity:1;background-color:rgb(10 10 12/var(--tw-bg-opacity,1))}.bg-ink-3\/25{background-color:hsla(219,6%,51%,.25)}.bg-ink-3\/40{background-color:hsla(219,6%,51%,.4)}.bg-line{--tw-bg-opacity:1;background-color:rgb(222 218 210/var(--tw-bg-opacity,1))}.bg-night{--tw-bg-opacity:1;background-color:rgb(10 10 12/var(--tw-bg-opacity,1))}.bg-night\/25{background-color:rgba(10,10,12,.25)}.bg-night\/90{background-color:rgba(10,10,12,.9)}.bg-paper{--tw-bg-opacity:1;background-color:rgb(247 245 241/var(--tw-bg-opacity,1))}.bg-paper-2{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-paper\/85{background-color:hsla(40,27%,96%,.85)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/\[0\.04\]{background-color:hsla(0,0%,100%,.04)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-paper\/\[0\.06\]{--tw-gradient-from:hsla(40,27%,96%,.06) var(--tw-gradient-from-position);--tw-gradient-to:hsla(40,27%,96%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[calc\(var\(--section\)\*1\.4\)\]{padding-top:calc(var(--section) * 1.4);padding-bottom:calc(var(--section) * 1.4)}.py-\[calc\(var\(--section\)\*1\.5\)\]{padding-top:calc(var(--section) * 1.5);padding-bottom:calc(var(--section) * 1.5)}.py-\[calc\(var\(--section\)\*1\.7\)\]{padding-top:calc(var(--section) * 1.7);padding-bottom:calc(var(--section) * 1.7)}.py-\[var\(--section\)\]{padding-top:var(--section);padding-bottom:var(--section)}.pb-4{padding-bottom:1rem}.pb-\[8vh\]{padding-bottom:8vh}.pl-1{padding-left:.25rem}.pl-5{padding-left:1.25rem}.pl-7{padding-left:1.75rem}.pt-20{padding-top:5rem}.pt-5{padding-top:1.25rem}.pt-7{padding-top:1.75rem}.pt-9{padding-top:2.25rem}.pt-\[0\.45em\]{padding-top:.45em}.pt-\[16vh\]{padding-top:16vh}.pt-\[calc\(var\(--section\)\*1\.15\)\]{padding-top:calc(var(--section) * 1.15)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-voice{font-family:var(--font-voice),Georgia,serif}.text-\[0\.42em\]{font-size:.42em}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.0625rem\]{font-size:1.0625rem}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[1rem\]{font-size:1rem}.text-\[clamp\(1\.1rem\2c 2vw\2c 1\.45rem\)\]{font-size:clamp(1.1rem,2vw,1.45rem)}.text-\[clamp\(1\.2rem\2c 2\.4vw\2c 1\.7rem\)\]{font-size:clamp(1.2rem,2.4vw,1.7rem)}.text-\[clamp\(1\.35rem\2c 3\.4vw\2c 2\.5rem\)\]{font-size:clamp(1.35rem,3.4vw,2.5rem)}.text-\[clamp\(1\.4rem\2c 3\.2vw\2c 2\.15rem\)\]{font-size:clamp(1.4rem,3.2vw,2.15rem)}.text-\[clamp\(1\.5rem\2c 4\.6vw\2c 3\.1rem\)\]{font-size:clamp(1.5rem,4.6vw,3.1rem)}.text-\[clamp\(1\.6rem\2c 3\.4vw\2c 2\.35rem\)\]{font-size:clamp(1.6rem,3.4vw,2.35rem)}.text-\[clamp\(1\.7rem\2c 4\.4vw\2c 3\.1rem\)\]{font-size:clamp(1.7rem,4.4vw,3.1rem)}.text-\[clamp\(2\.1rem\2c 6\.4vw\2c 4\.6rem\)\]{font-size:clamp(2.1rem,6.4vw,4.6rem)}.text-\[clamp\(2\.4rem\2c 6\.4vw\2c 4\.8rem\)\]{font-size:clamp(2.4rem,6.4vw,4.8rem)}.text-\[clamp\(2\.4rem\2c 7vw\2c 5\.2rem\)\]{font-size:clamp(2.4rem,7vw,5.2rem)}.text-\[clamp\(2\.4rem\2c 8\.2vw\2c 7rem\)\]{font-size:clamp(2.4rem,8.2vw,7rem)}.text-\[clamp\(2\.6rem\2c 7vw\2c 5\.4rem\)\]{font-size:clamp(2.6rem,7vw,5.4rem)}.text-\[clamp\(2rem\2c 4\.6vw\2c 3\.2rem\)\]{font-size:clamp(2rem,4.6vw,3.2rem)}.text-\[clamp\(2rem\2c 9vw\2c 3\.5rem\)\]{font-size:clamp(2rem,9vw,3.5rem)}.text-\[clamp\(3\.5rem\2c 8vw\2c 6rem\)\]{font-size:clamp(3.5rem,8vw,6rem)}.text-\[clamp\(4\.5rem\2c 11vw\2c 9rem\)\]{font-size:clamp(4.5rem,11vw,9rem)}.font-black{font-weight:900}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[0\.92\]{line-height:.92}.leading-\[0\.94\]{line-height:.94}.leading-\[0\.95\]{line-height:.95}.leading-\[1\.04\]{line-height:1.04}.leading-\[1\.35\]{line-height:1.35}.leading-\[1\.45\]{line-height:1.45}.leading-\[1\.52\]{line-height:1.52}.leading-\[1\.65\]{line-height:1.65}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.75\]{line-height:1.75}.leading-\[1\.7\]{line-height:1.7}.leading-\[1\.8\]{line-height:1.8}.leading-\[2\]{line-height:2}.leading-none{line-height:1}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.36em\]{letter-spacing:.36em}.tracking-\[0\.3em\]{letter-spacing:.3em}.text-blu{--tw-text-opacity:1;color:rgb(0 165 254/var(--tw-text-opacity,1))}.text-blu-deep{--tw-text-opacity:1;color:rgb(0 122 253/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(10 10 12/var(--tw-text-opacity,1))}.text-ink-2{--tw-text-opacity:1;color:rgb(63 67 74/var(--tw-text-opacity,1))}.text-ink-3{--tw-text-opacity:1;color:rgb(124 129 138/var(--tw-text-opacity,1))}.text-ink-3\/45{color:hsla(219,6%,51%,.45)}.text-ink-3\/50{color:hsla(219,6%,51%,.5)}.text-ink-3\/60{color:hsla(219,6%,51%,.6)}.text-paper-2{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-white\/35{color:hsla(0,0%,100%,.35)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/45{color:hsla(0,0%,100%,.45)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/55{color:hsla(0,0%,100%,.55)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/65{color:hsla(0,0%,100%,.65)}.text-white\/75{color:hsla(0,0%,100%,.75)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/85{color:hsla(0,0%,100%,.85)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-white\/\[0\.055\]{color:hsla(0,0%,100%,.055)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-55{opacity:.55}.opacity-\[0\.055\]{opacity:.055}.mix-blend-screen{mix-blend-mode:screen}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{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)}.blur-2xl{--tw-blur:blur(40px)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.filter{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-\[2px\]{--tw-backdrop-blur:blur(2px)}.backdrop-blur-\[2px\],.backdrop-blur-lg{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-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{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-xl{--tw-backdrop-blur:blur(24px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[padding\2c opacity\]{transition-property:padding,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;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-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-\[1400ms\]{transition-duration:1.4s}.duration-\[600ms\]{transition-duration:.6s}.ease-cine{transition-timing-function:cubic-bezier(.16,1,.3,1)}.shell{width:100%;max-width:90rem;margin-inline:auto;padding-inline:var(--gutter)}.tag{font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(.625rem,.85vw,.75rem);font-weight:500;letter-spacing:.24em;text-transform:uppercase}.tabular{font-family:var(--font-mono),ui-monospace,monospace;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.06em}.display{font-weight:900;letter-spacing:-.045em;line-height:.9;text-transform:uppercase}html.custom-cursor,html.custom-cursor [role=button],html.custom-cursor a,html.custom-cursor button{cursor:none}html.custom-cursor input,html.custom-cursor select,html.custom-cursor textarea{cursor:auto}.rule-link{position:relative;display:inline-block}.rule-link:after{content:"";position:absolute;left:0;bottom:-.25em;width:100%;height:1.5px;background:var(--blu-deep);transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.16,1,.3,1)}.rule-link:focus-visible:after,.rule-link:hover:after{transform:scaleX(1)}.\[text-wrap\:balance\]{text-wrap:balance}.\[transform\:scale\(0\.35\)\]{transform:scale(.35)}.\[transform\:scale\(0\.5\)\]{transform:scale(.5)}.\[transform\:scaleY\(0\.28\)\]{transform:scaleY(.28)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.placeholder\:text-white\/30::-moz-placeholder{color:hsla(0,0%,100%,.3)}.placeholder\:text-white\/30::placeholder{color:hsla(0,0%,100%,.3)}.hover\:border-blu:hover{--tw-border-opacity:1;border-color:rgb(0 165 254/var(--tw-border-opacity,1))}.hover\:border-blu-deep:hover{--tw-border-opacity:1;border-color:rgb(0 122 253/var(--tw-border-opacity,1))}.hover\:bg-blu-deep:hover{--tw-bg-opacity:1;background-color:rgb(0 122 253/var(--tw-bg-opacity,1))}.hover\:bg-ink:hover{--tw-bg-opacity:1;background-color:rgb(10 10 12/var(--tw-bg-opacity,1))}.hover\:bg-night\/10:hover{background-color:rgba(10,10,12,.1)}.hover\:text-blu:hover{--tw-text-opacity:1;color:rgb(0 165 254/var(--tw-text-opacity,1))}.hover\:text-blu-deep:hover{--tw-text-opacity:1;color:rgb(0 122 253/var(--tw-text-opacity,1))}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(10 10 12/var(--tw-text-opacity,1))}.hover\:text-paper-2:hover,.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:fixed:focus{position:fixed}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:z-\[200\]:focus{z-index:200}.focus\:border-blu:focus{--tw-border-opacity:1;border-color:rgb(0 165 254/var(--tw-border-opacity,1))}.focus\:bg-ink:focus{--tw-bg-opacity:1;background-color:rgb(10 10 12/var(--tw-bg-opacity,1))}.focus\:px-5:focus{padding-left:1.25rem;padding-right:1.25rem}.focus\:py-3:focus{padding-top:.75rem;padding-bottom:.75rem}.focus\:text-paper-2:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-blu-deep:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(0 122 253/var(--tw-ring-opacity,1))}.group:hover .group-hover\:h-\[2px\]{height:2px}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y:-0.125rem}.group:hover .group-hover\:-translate-y-0\.5,.group:hover .group-hover\:translate-x-0\.5{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))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:translate-x-1,.group:hover .group-hover\:translate-x-1\.5{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))}.group:hover .group-hover\:translate-x-1\.5{--tw-translate-x:0.375rem}.group:hover .group-hover\:rotate-180{--tw-rotate:180deg}.group:hover .group-hover\:rotate-180,.group:hover .group-hover\:scale-105{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))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-\[1\.03\]{--tw-scale-x:1.03;--tw-scale-y:1.03}.group:hover .group-hover\:scale-\[1\.03\],.group:hover .group-hover\:scale-x-100{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))}.group:hover .group-hover\:scale-x-100{--tw-scale-x:1}.group:hover .group-hover\:border-blu{--tw-border-opacity:1;border-color:rgb(0 165 254/var(--tw-border-opacity,1))}.group:hover .group-hover\:bg-blu-deep{--tw-bg-opacity:1;background-color:rgb(0 122 253/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-blu{--tw-text-opacity:1;color:rgb(0 165 254/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-ink{--tw-text-opacity:1;color:rgb(10 10 12/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:\[transform\:scale\(1\)\]{transform:scale(1)}.group:hover .group-hover\:\[transform\:scaleY\(1\)\]{transform:scaleY(1)}@media (min-width:640px){.sm\:-right-\[10\%\]{right:-10%}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-7{height:1.75rem}.sm\:w-32{width:8rem}.sm\:w-7{width:1.75rem}.sm\:w-\[120\%\]{width:120%}.sm\:w-\[124px\]{width:124px}.sm\:gap-5{gap:1.25rem}.sm\:gap-7{gap:1.75rem}.sm\:gap-8{gap:2rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:flex{display:flex}}@media (min-width:1024px){.lg\:-left-\[10\%\]{left:-10%}.lg\:-right-\[14\%\]{right:-14%}.lg\:-top-16{top:-4rem}.lg\:left-auto{left:auto}.lg\:right-\[-6\%\]{right:-6%}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-4{grid-column-start:4}.lg\:col-start-5{grid-column-start:5}.lg\:col-start-8{grid-column-start:8}.lg\:col-start-9{grid-column-start:9}.lg\:-mt-16{margin-top:-4rem}.lg\:mt-0{margin-top:0}.lg\:mt-16{margin-top:4rem}.lg\:mt-20{margin-top:5rem}.lg\:mt-24{margin-top:6rem}.lg\:mt-28{margin-top:7rem}.lg\:mt-32{margin-top:8rem}.lg\:mt-36{margin-top:9rem}.lg\:mt-4{margin-top:1rem}.lg\:mt-44{margin-top:11rem}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:min-h-\[100svh\]{min-height:100svh}.lg\:w-\[30\%\]{width:30%}.lg\:w-\[46\%\]{width:46%}.lg\:w-\[56vw\]{width:56vw}.lg\:w-\[78\%\]{width:78%}.lg\:w-\[min\(46\%\2c 34rem\)\]{width:min(46%,34rem)}.lg\:max-w-none{max-width:none}.lg\:translate-x-0{--tw-translate-x:0px;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))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.lg\:gap-y-24{row-gap:6rem}.lg\:py-9{padding-top:2.25rem;padding-bottom:2.25rem}.lg\:pb-0{padding-bottom:0}.lg\:pl-10{padding-left:2.5rem}.lg\:pl-\[6vw\]{padding-left:6vw}.lg\:pl-\[9vw\]{padding-left:9vw}.lg\:pt-0{padding-top:0}.lg\:pt-14{padding-top:3.5rem}}[data-forming] .\[\[data-forming\]_\&\]\:opacity-0{opacity:0} /* ===== SECTION RHYTHM (restored + tightened) ========================= Measured boundary dead-space before this block: home→music 138 · music→meeting 339 · meeting→about 429 about→merch 397 · merch→connect 269 · connect→contact 271 Two compounding causes: 1. --section was 14vh (126px at 900px tall) — the original value. An earlier reduction of mine was lost in a later CSS edit. 2. Sections then MULTIPLY it: about 1.7x, meeting 1.5x, merch 1.4x, so the vertical padding reached 214px per side. The unit is reduced and the multipliers normalised, so spacing is a deliberate rhythm rather than three different scales stacked up. */ :root{--section:clamp(3.5rem,7.6vh,6.25rem)} /* normalise the per-section multipliers to one scale */ main>section.bg-night{ padding-top:calc(var(--section)*1.05)!important; padding-bottom:calc(var(--section)*1.05)!important} #about{ padding-top:calc(var(--section)*1.15)!important; padding-bottom:calc(var(--section)*1.15)!important} #merch{ padding-top:calc(var(--section)*1.05)!important; padding-bottom:calc(var(--section)*1.05)!important} #music,#connect{ padding-top:var(--section)!important; padding-bottom:var(--section)!important} /* ==================================================================== SKYBLU — CONSOLIDATED LOCAL REVISIONS Single authoritative block. Earlier edits were spliced in/out by index-based replacements and several were lost; everything is restated here once so nothing depends on an earlier fragment. ==================================================================== */ /* --- 1. MENU BAR: matte frosted, nav right ------------------------- */ header.fixed{ background-color:rgba(247,245,241,.52)!important; -webkit-backdrop-filter:blur(9px) saturate(.94)!important; backdrop-filter:blur(9px) saturate(.94)!important; border-bottom:1px solid rgba(10,10,12,.07)!important} @supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){ header.fixed{background-color:rgba(247,245,241,.8)!important}} @media (min-width:1024px){ /* an empty zero-width div held the third justify-between slot and pinned the nav to the middle of the bar */ header .shell>div:last-child{display:none} header nav{margin-left:auto}} /* --- 2. SECTION TRANSITIONS: dimensional layering ------------------ Colour-ramp fades read as a smear. Sections stack as physical panels instead: each lifts slightly over the one above and casts an elevation shadow, so the boundary reads as depth, not a gradient. #music is excluded — hero→music is white-on-white, so the overlap bought nothing and clipped the line taper. */ main>section:not(#home):not(#music),footer{ position:relative; margin-top:calc(-1 * clamp(16px,2.4vh,30px))} #music{position:relative} main>section.bg-night,footer.bg-night{ box-shadow:0 -34px 64px -30px rgba(10,10,12,.42), 0 -1px 0 0 rgba(10,10,12,.5)} /* --- 3. LINE FIELD: run full height, taper at the very end --------- Scoped to the line fields only. The earlier global version clipped the top of the dark sections' particle canvases. */ #home canvas,#music canvas{ -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 94%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 94%,transparent 100%)} /* --- 4. PAGE LOAD FADE -------------------------------------------- */ @keyframes skPageIn{from{opacity:0}to{opacity:1}} body{animation:skPageIn .45s cubic-bezier(.16,1,.3,1) both} @media (prefers-reduced-motion:reduce){body{animation:none}} /* --- 5. CONNECT HEADLINE: wordmark optically matched --------------- "SKYBLU" there is an inline SVG, not text. Archivo 900 cap-height is 0.715em and the SVG's ink fills 85.7% of its box, so the box must be 0.715/0.857 = 0.834em, nudged down 0.107em to sit on the baseline. */ #connect h2 img{ height:.834em!important; transform:translateY(.107em)!important} #connect h2 span.flex{ -moz-column-gap:.2em!important;column-gap:.2em!important;row-gap:.3rem!important} /* --- 6. BACK-TO-TOP AFFORDANCE ------------------------------------ */ footer a[href="#home"][aria-label*="back to top"]{display:block;text-decoration:none} footer a[href="#home"][aria-label*="back to top"]::after{ content:"↑ From the top"; display:block;margin-top:1.5rem;text-align:center; font-family:var(--font-display),system-ui,sans-serif; font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase; color:hsla(0,0%,100%,.34); transition:color .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)} footer a[href="#home"][aria-label*="back to top"]:hover::after, footer a[href="#home"][aria-label*="back to top"]:focus-visible::after{ color:var(--blu);transform:translateY(-3px)} /* --- 7. ACCESSIBILITY: contrast ------------------------------------ Measured on white: --blu-deep 4.04:1 (fails AA at label sizes), muted grey rgb(124,129,138) 3.91:1. Same hues, darkened to pass. */ :root{--blu-text:#006ae0;--blu-cta:#006ae0} #home a[href="#music"],a.bg-blu-deep{background-color:var(--blu-cta)!important} .text-blu-deep{color:var(--blu-text)} .text-ink-3{color:rgb(114,119,128)!important} /* --- 8. MOBILE ----------------------------------------------------- */ @media (max-width:1023px){ /* hero owns the screen so the field can't cut mid-page */ #home{min-height:100svh; padding-top:calc(var(--section)*1.15)!important; padding-bottom:calc(var(--section)*.5)!important} /* artwork settles to the base as a horizon instead of leaving ~340px dead */ #home>div.shell{display:flex;flex-direction:column; min-height:calc(100svh - var(--section)*1.65)} #home>div.shell>.grid{flex:1 1 auto;display:flex;flex-direction:column} #home>div.shell>.grid>div:nth-child(2){margin-top:auto} #home canvas{ -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 93%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 93%,transparent 100%)} /* 10px labels sit below the readable minimum on a phone */ .tag{font-size:12px!important;letter-spacing:.2em!important} /* touch targets */ a,button{-webkit-tap-highlight-color:transparent} #home a[href="#music"]{min-height:48px;padding-left:1.6rem;padding-right:1.6rem} header a,header button{min-height:44px;min-width:44px} /* display type must not overflow small screens */ #music h2,#about h2,#merch h2,#connect h2,footer h2{ font-size:clamp(2rem,10.5vw,3.2rem)!important;line-height:.95!important} #connect h2{font-size:clamp(1.75rem,8.6vw,2.7rem)!important} html,body{overflow-x:hidden;max-width:100%} } @media (hover:none){ [class*="group-hover"]{transition-duration:.01ms!important} } /* --- 9. MOBILE HERO: recomposed, not compressed ---------------------- The header already carries the SKYBLU lockup; the hero repeated it ~90px below, spending a phone's whole upper third on the same word twice and pushing the tagline under the 77px fixed header (only 13px of accidental clearance, which iOS Safari's collapsing URL bar eats). The wordmark steps out on mobile — kept in the a11y tree and for crawlers as the H1 — and the tagline takes the display role. */ @media (max-width:1023px){ /* clear the fixed header deliberately instead of by 13px of luck. Bottom padding lifts the artwork off the fold edge — it reads as a horizon line, and a horizon flush against the bottom edge looks like it is falling out of the frame. ~13% of viewport height sits beneath it. */ #home{padding-top:calc(4.8125rem + var(--section)*.62)!important; padding-bottom:calc(var(--section)*1.6)!important} /* wordmark out of layout, still the H1 for screen readers + SEO */ #home h1{position:absolute!important;width:1px;height:1px; margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap; clip:rect(0 0 0 0);clip-path:inset(50%)} /* the tagline inherits the vacated display role */ #home p.tag{ font-size:clamp(2.05rem,9.4vw,3.05rem)!important; font-weight:900!important; letter-spacing:-.032em!important; line-height:.94!important; color:var(--ink)!important; text-wrap:balance} #home p.tag .text-blu-deep{color:var(--blu-text)!important} /* CTAs now answer a headline, not a logo */ #home h1+div{margin-top:clamp(1.75rem,5.4vw,2.5rem)!important} /* the shell's reserve was calibrated to the old padding (section*1.65). The new top padding is 77px + section*.62, so without this the hero runs ~47px past the fold and the artwork loses its horizon line. */ #home>div.shell{ min-height:calc(100svh - 4.8125rem - var(--section)*2.22)!important} } /* --- 10. MOBILE FOOTER: one centred column --------------------------- The finale was half centred (logo, back-to-top, sign-off) and half left-ragged (nav wrapping 3+2 at 100px tall, copyright breaking to two lines), with 128 + 48 + 50px of dead space stacked between the blocks. Same parts, one axis, even rhythm. */ @media (max-width:1023px){ footer a[href="#home"][aria-label*="back to top"]{ margin-top:calc(var(--section)*1)!important} footer>.shell>div:nth-child(3)>p{margin-top:1.75rem!important} footer>.shell>div:nth-child(4){height:calc(var(--section)*.4)!important} /* bottom bar joins the centred column instead of ragging left */ footer>div.relative>.shell{ align-items:center;text-align:center; gap:1.4rem!important;padding-top:1.75rem!important;padding-bottom:2rem!important} footer>div.relative>.shell>div{justify-content:center} /* the 5 links are 16px and need 432px against 353px of phone; capping the row forces a balanced 3+2 rather than a lopsided 4+1, without shrinking the type below a comfortable tap size */ footer>div.relative>.shell nav ul{ justify-content:center;max-width:16rem;margin-inline:auto; column-gap:.9rem!important;row-gap:.25rem!important} footer>div.relative>.shell nav a{ min-height:44px;display:inline-flex;align-items:center; letter-spacing:.12em!important} /* 41 characters at .2em cannot fit a phone; tighten the legal line only */ footer>div.relative>.shell p.tag{ letter-spacing:.06em!important;text-wrap:balance} } /* --- 11. MOBILE: the dark section's blue bloom ----------------------- The bloom is a radial-gradient painted on an h-[80vh] w-[80vw] box. On a phone the dark section is SHORTER than 80vh (448px vs 546px) and clips its overflow, so the radial was sliced off while still ~58% opaque — 48.5px cut from the top and 48.5px from the bottom. That hard horizontal edge is what reads as a box/square framing the logo animation. Desktop sections are taller than 80vh, so the bloom fades out naturally there and needs no change. */ /* The size guard is NOT mobile-only: the same clipping happens on any window where 80vh exceeds the section height (~859px), i.e. a viewport taller than ~1074px on a large desktop display. min() is a no-op whenever the bloom already fits, so this only ever prevents a clip. */ [class*="h-[80vh]"][class*="w-[80vw]"]{ height:min(80vh,100%)!important; width:min(80vw,100%)!important} @media (max-width:1023px){ /* closest-side pins the gradient's end to the nearest edge, so the bloom always reaches full transparency inside its own box whatever its size */ [class*="h-[80vh]"][class*="w-[80vw]"]>div{ background-image:radial-gradient(closest-side, rgba(0,165,254,.95) 0%, rgba(0,122,253,.30) 42%, rgba(0,0,0,0) 78%)!important} } /* --- 13. DESKTOP HERO: artwork leads, tagline speaks ----------------- The header lockup already carries SKYBLU MUSIC, so the hero repeated the same word in the same typeface within one screen — a repetition, not a second element. The wordmark steps out visually and the tagline takes the reading-anchor role: clearly subordinate to the artwork's mass, but still the first thing read. Mirrors what mobile already does, so both breakpoints share one hero philosophy. */ @media (min-width:1024px){ /* out of layout, still the page's H1 for search engines + screen readers (the image carries alt="SKYBLU MUSIC") */ #home h1{position:absolute!important;width:1px;height:1px; margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap; clip:rect(0 0 0 0);clip-path:inset(50%)} /* The hero deliberately LAYERS the left column (z-10) over the artwork's sparse left edge — the original wordmark overlapped the same image by ~277px — so the goal is never zero overlap, only a lighter mass. Perceived weight is ink density, not box area: Archivo 900 is a solid slab while the illustration is airy, so three stacked lines read as heavy as a much larger drawing. At this size "THE ART OF THINKING" holds ONE line, dropping the block from 3 lines to 2 and roughly halving its height — a bigger perceptual change than the size alone. */ #home p.tag{ font-size:clamp(2.25rem,3.05vw,3.25rem)!important; font-weight:900!important; letter-spacing:-.035em!important; line-height:.96!important; color:var(--ink)!important; text-wrap:balance} #home p.tag .text-blu-deep{color:var(--blu-text)!important} /* CTAs answer a headline now, not a logo */ #home h1+div{margin-top:clamp(2rem,2.6vw,2.75rem)!important} }