@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;700&display=swap');
:root{--paper:#fcf4e9;--ink:#101716;--teal:#075c59;--red:#ee5147}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}.wrap{width:min(1240px,calc(100% - 72px));margin:auto}.header{height:96px;display:flex;align-items:center;gap:27px}.brand{font:900 italic 27px/.79 'Barlow Condensed',sans-serif;text-decoration:none;letter-spacing:-.7px;position:relative;white-space:nowrap}.brand span{font-style:normal;color:var(--red);font-size:25px;margin-left:4px}.brandnote{border-left:1px solid #9faaa2;padding-left:22px;font-size:9px;line-height:1.3;font-weight:700;letter-spacing:1px}.header nav{display:flex;gap:36px;margin-left:auto}.header nav a{font:700 17px 'Barlow Condensed',sans-serif;text-transform:uppercase;text-decoration:none}.header nav a:hover,.sources a:hover{color:var(--red)}.hero{min-height:460px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 30%;background:url('coast.webp') center 54%/cover no-repeat}.hero-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),transparent 38%)}.hero-content{position:relative;padding-top:42px;padding-bottom:48px}.eyebrow,.micro{font-size:12px;font-weight:700;letter-spacing:1.7px;color:var(--teal);margin:0 0 12px}.hero h1,.section-title,.facts h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-weight:900;letter-spacing:-1.5px}.hero h1{font-size:clamp(65px,7.6vw,104px);line-height:.84;margin:0;max-width:570px;text-transform:none}.stroke{display:block;width:185px;height:8px;border-radius:100%;background:var(--red);transform:rotate(-2deg);margin:18px 0}.intro{max-width:350px;font-family:Georgia,serif;font-size:18px;line-height:1.35}.button{display:inline-block;background:var(--red);color:white;text-decoration:none;padding:14px 22px;font:800 17px 'Barlow Condensed',sans-serif;letter-spacing:.4px;border-radius:4px}.button span{font-size:23px;margin-left:12px}.button:hover{background:#d8423b}.facts{background:var(--teal);color:white}.facts-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;align-items:center;padding-top:28px;padding-bottom:28px}.facts .micro{color:white}.facts h2{font-size:31px;line-height:.9;margin:0}.facts strong{font:800 17px 'Barlow Condensed',sans-serif}.facts p:not(.micro){font-family:Georgia,serif;font-size:15px;line-height:1.35;margin:7px 0 0}.section{padding-top:56px;padding-bottom:64px}.section-title{font-size:clamp(44px,5vw,64px);line-height:.92;margin:0}.section-desc{font:18px/1.45 Georgia,serif;margin:12px 0 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.guide{background:#fffaf4;border:1px solid #e8ded1;border-radius:6px;overflow:hidden;box-shadow:0 2px 3px #0000000b;padding-bottom:18px}.thumb{height:155px;background:url('coast.webp') center/cover}.thumb-two{background-position:70% 35%}.thumb-three{background-position:15% 75%}.guide .eyebrow,.guide h3,.guide p:not(.eyebrow),.guide a{margin-left:16px;margin-right:16px}.guide .eyebrow{margin-top:14px;margin-bottom:5px;font-size:10px}.guide h3{font:800 25px/1 'Barlow Condensed',sans-serif;margin-top:0;margin-bottom:8px}.guide h3 span{color:var(--red);float:right}.guide p:not(.eyebrow){font:15px/1.35 Georgia,serif;min-height:60px}.guide a{font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:3px}.check-section{background:#f6e7da;padding:48px 0}.checklist-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:60px}.checklist-grid .section-desc{max-width:350px}.progress{color:var(--teal);font-size:13px;font-weight:700}.check-list{background:#fff9f2;border-radius:7px;overflow:hidden;align-self:start}.check-list label{display:flex;gap:18px;padding:18px 22px;border-bottom:1px solid #eaded1;cursor:pointer}.check-list label:last-child{border:0}.check-list input{width:22px;height:22px;accent-color:var(--teal);flex:none}.check-list strong{display:block;font-size:15px}.check-list small{display:block;font:14px/1.4 Georgia,serif;margin-top:4px}.sources{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:60px;padding-bottom:65px}.sources p{font:17px/1.5 Georgia,serif;margin-top:0}.sources a{font-size:14px;line-height:2.2;font-weight:700}.sources .checked{font:12px 'DM Sans',sans-serif;color:#5f6963;margin-top:18px}footer{background:#043e3d;color:white}.footer{display:flex;align-items:center;gap:40px;padding-top:28px;padding-bottom:28px}.footer p{font-size:11px;line-height:1.5;max-width:650px;color:#d3e3dc}.footer>a:last-child{margin-left:auto;font-size:12px;white-space:nowrap}@media(max-width:750px){.wrap{width:calc(100% - 36px)}.header{height:auto;min-height:80px;flex-wrap:wrap;padding:15px 0;gap:15px}.brandnote{display:none}.header nav{width:100%;gap:18px;overflow-x:auto;margin:0}.header nav a{font-size:15px;white-space:nowrap}.hero{display:flex;flex-direction:column-reverse}.hero-image{position:relative;inset:auto;height:240px}.hero-image:before{background:linear-gradient(0deg,var(--paper),transparent 28%)}.hero-content{padding-top:10px;padding-bottom:32px}.hero h1{font-size:68px}.facts-grid{grid-template-columns:1fr 1fr;gap:24px}.guide-grid{grid-template-columns:1fr}.thumb{height:210px}.guide p:not(.eyebrow){min-height:0}.checklist-grid,.sources{grid-template-columns:1fr;gap:25px}.footer{align-items:flex-start;flex-wrap:wrap;gap:18px}.footer>a:last-child{margin:0}.section{padding-top:42px;padding-bottom:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Vice Mode: expressive, neon-soaked editorial direction. */
:root{--paper:#240c24;--ink:#fff3e9;--teal:#35e9e5;--red:#ff378d}body{background:#240c24;color:#fff4ee}.header{height:86px}.brand{font-size:38px;line-height:1;letter-spacing:-1px}.brand em{color:#ff378d;font-style:italic}.brand span{color:#36eceb}.brandnote{color:#d4b8cb;border-color:#834768}.header nav a{font-size:19px}.header nav a:hover{color:#35e9e5}.hero{min-height:530px;background:#2a0b2d}.hero-image{inset:0;background-position:center 50%}.hero-image:before{background:linear-gradient(90deg,#230b28 0%,#230b28e8 24%,#35102f7a 58%,#260f2c40 100%)}.hero-content{padding-top:74px}.eyebrow,.micro{color:#43e8e5}.hero h1{font-size:clamp(70px,8vw,110px);line-height:.88;text-transform:uppercase;font-style:italic;text-shadow:3px 4px 0 #250a30}.hero h1 em,.section-title em{color:#ff378d;font-style:italic}.stroke{background:#35e9e5;height:8px;width:210px}.intro{color:white;font:500 18px/1.45 'DM Sans',sans-serif;max-width:390px}.button{background:#ff467b;color:#fff;box-shadow:5px 5px 0 #2ee5df;transform:skew(-4deg);font-size:19px;padding:15px 25px}.button:hover{background:#ff70aa}.facts{background:#33112f;border-top:5px solid #ff3a8e;border-bottom:4px solid #31e4df}.facts h2{color:#ff4a99;font-style:italic;font-size:36px}.facts .micro{color:#42e8e4}.facts strong{color:#44eae6;font-size:19px}.facts p:not(.micro){font-family:'DM Sans',sans-serif}.section{padding-top:62px}.section-title{font-style:italic;font-size:clamp(48px,5.5vw,70px)}.section-desc{font-family:'DM Sans',sans-serif;color:#eedfe8}.guide{background:#421b3d;border:1px solid #663054;box-shadow:none;border-radius:10px}.thumb{height:190px}.guide .eyebrow{color:#42e8e4}.guide h3{font-size:27px;font-style:italic;text-transform:uppercase}.guide h3 span{color:#ff62a8}.guide p:not(.eyebrow){font-family:'DM Sans',sans-serif;color:#ecd9e6}.guide a{border-color:#ff4a99;color:#fff}.guide:hover{transform:translateY(-4px);transition:transform .2s}.check-section{background:linear-gradient(110deg,#5b174d,#bd2869 70%,#f26f69)}.checklist-grid .eyebrow{color:#7afff4}.checklist-grid .section-title em{color:#74fff4}.checklist-grid .section-desc{color:white}.progress{color:#8ffff6}.check-list{background:#35132e;border:1px solid #ba5692}.check-list label{border-color:#794266}.check-list input{accent-color:#ff478e}.check-list small{font-family:'DM Sans',sans-serif;color:#f4dce9}.sources{color:#fff}.sources p{font-family:'DM Sans',sans-serif;color:#e5d0de}.sources .checked{color:#c9a8bd}.sources a:hover{color:#52f6e7}footer{background:#14081b;border-top:1px solid #77325d}.footer p{color:#d4bdcf}@media(max-width:750px){.header{height:auto}.brand{font-size:30px}.hero{min-height:0;display:block}.hero-image{position:absolute;inset:0;height:auto;background-position:62% center}.hero-image:before{background:linear-gradient(90deg,#220b28ee,#220b28a8)}.hero-content{padding-top:80px;padding-bottom:75px}.hero h1{font-size:68px}.facts h2{font-size:31px}.guide .thumb{height:200px}.checklist-grid .section-title{font-size:53px}}
.article-wrap{padding:60px 0 85px;background:radial-gradient(ellipse at 85% 0%,#601e55 0%,#240c24 46%)}.article-wrap>.wrap>.eyebrow a{text-decoration:none}.article-wrap h1{font:900 italic clamp(53px,7vw,88px)/.92 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;max-width:880px;letter-spacing:-1px;margin:20px 0}.article-deck{max-width:720px;color:#efdce7;font-size:20px;line-height:1.5}.article-meta{font-size:11px!important;font-weight:700;letter-spacing:1px;color:#5af1ea!important;margin:24px 0 35px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(220px,1fr);gap:70px}.article-body{color:#f6e8ef;font-size:17px;line-height:1.8}.article-body h2,.article-layout aside h2{font:800 italic 36px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#fff;margin:42px 0 14px}.article-body p{margin:0 0 18px}.article-body a{color:#64f2ea;text-decoration-color:#fd5598;text-underline-offset:4px}.article-body li{margin-bottom:10px}.answer{background:#461739;border-left:5px solid #ff398d;padding:23px 26px;border-radius:4px}.answer strong{font-size:12px;color:#58eee8;letter-spacing:1.5px}.answer p{font-size:20px;line-height:1.5;margin:10px 0}.answer a{font-size:14px}.article-layout aside{border-top:3px solid #ff398d;align-self:start}.article-layout aside h2{margin:22px 0}.article-layout aside a{display:block;border-bottom:1px solid #673450;text-decoration:none;font-weight:700;font-size:14px;padding:15px 0}.article-layout aside span{float:right;color:#ff579a}@media(max-width:750px){.article-wrap{padding:40px 0}.article-wrap h1{font-size:53px}.article-layout{grid-template-columns:1fr;gap:30px}.article-deck{font-size:17px}.article-body{font-size:16px}.answer{padding:20px}.answer p{font-size:18px}}
@media(max-width:750px){.header nav{flex-wrap:wrap;overflow:visible;gap:9px 16px}.header nav a{font-size:14px}}
#time-tool {margin-top:24px} #time-tool label{font-weight:700;font-size:14px} #time-tool select{background:#240c24;color:white;border:1px solid #a0527e;border-radius:5px;padding:10px;font:inherit;margin-left:10px} #time-tool #local-time{font-weight:700;color:#77f5e8} #time-tool small{display:block;font-size:13px;line-height:1.5;color:#e8d1e0}