4 lines
5.0 KiB
CSS
4 lines
5.0 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
|
|
:root{--navy:#071f33;--navy2:#0c304b;--red:#e82932;--paper:#f4f6f7;--ink:#0b2133;--muted:#617181;--line:#dce3e7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}.site-header{height:78px;padding:0 3vw;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-family:'Libre Baskerville',serif;line-height:1.05}.brand-icon{font-size:40px}.brand small{display:block;font:500 8px Inter;letter-spacing:1.5px;margin-top:4px}.nav{display:flex;gap:28px}.nav a{color:white;text-decoration:none;font-family:'Libre Baskerville';font-size:14px}.nav a:hover{color:#ff6066}.menu{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:470px;background:linear-gradient(90deg,rgba(4,25,41,.94) 0%,rgba(4,25,41,.65) 45%,rgba(4,25,41,.1)),url('/images/hero-holiday-park.jpg') center center/cover;display:flex;align-items:center;padding:60px 3vw;color:white;position:relative}.hero-inner{max-width:720px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#cf3038}.hero h1,.page h1{font:700 clamp(42px,5vw,72px)/1.08 'Libre Baskerville',serif;margin:10px 0 20px}.hero h1 em{font-style:normal;color:#ff3b43}.hero p{font:400 21px/1.45 'Libre Baskerville';max-width:700px}.hero aside{position:absolute;right:3vw;top:55px;background:#fff;color:#172a38;padding:20px;width:210px;font:14px/1.5 'Libre Baskerville';box-shadow:0 8px 30px #0003}.actions{display:flex;gap:16px;margin-top:30px}.btn{display:inline-block;padding:14px 20px;border-radius:9px;text-decoration:none;font-weight:700;border:0;cursor:pointer;font-size:15px}.red{background:var(--red);color:#fff}.outline{border:1px solid currentColor;color:inherit;background:transparent}.stats{margin:-1px 2vw 0;display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line)}.stats div{padding:22px 30px;border-right:1px solid var(--line)}.stats small{display:block;color:var(--muted);font-size:11px}.stats strong{display:block;font:700 28px 'Libre Baskerville';margin-top:8px}.stats i,.danger strong{color:var(--red)}.disclaimer{text-align:right;margin:8px 3vw;color:var(--muted);font-size:11px}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;padding:12px 2vw}.feature,.focus{padding:34px;border-radius:8px;background:white;border:1px solid var(--line)}h2{font:700 30px 'Libre Baskerville';margin:8px 0 16px}.feature p,.focus p,.focus li,.prose{line-height:1.65}.feature a{color:var(--red);font-weight:700}.focus{background:linear-gradient(135deg,var(--navy),var(--navy2));color:white}.tag{font-size:11px;font-weight:800;letter-spacing:1px}.redtag{background:var(--red);padding:6px 10px;border-radius:4px;color:#fff}.focus li{margin:7px 0}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:5px 2vw 30px}.cards a{background:white;border:1px solid var(--line);padding:20px;color:var(--ink);text-decoration:none;border-radius:8px}.cards b,.cards span{display:block}.cards span{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.4}.page{max-width:1180px;margin:auto;padding:80px 30px;min-height:70vh}.page .lead{font:20px/1.6 'Libre Baskerville';max-width:850px}.prose,.panel{background:white;border:1px solid var(--line);padding:30px;border-radius:8px;margin:30px 0}.calc,.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}label{display:block;font-weight:700;font-size:13px;margin:14px 0}input,textarea{width:100%;margin-top:7px;padding:13px;border:1px solid #bfcbd2;border-radius:6px;background:white;font:inherit}textarea{resize:vertical}.result{padding:20px;background:#eef3f5;margin-top:20px;border-left:4px solid var(--red)}.narrow{max-width:900px}.success{background:#e4f4e8;padding:16px;border-radius:6px}.errors{color:#a3161c;margin:15px 0}.check{font-weight:400}.check input{width:auto;margin-right:8px}footer{background:#061a2b;color:#bdc9d1;padding:35px 3vw;font-size:12px;line-height:1.6}footer b{color:white;font:700 20px 'Libre Baskerville'}
|
|
@media(max-width:1000px){.menu{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:20px;flex-direction:column}.nav.open{display:flex}.hero aside{display:none}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.site-header{height:68px}.brand{font-size:12px}.brand-icon{font-size:30px}.nav{top:68px}.hero{min-height:520px;padding:45px 22px;background-position:40% center}.hero h1{font-size:42px}.hero p{font-size:17px}.actions{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr;margin:0}.stats div{border-bottom:1px solid var(--line)}.cards{grid-template-columns:1fr 1fr}.calc,.form-grid{grid-template-columns:1fr}.page{padding:55px 20px}.page h1{font-size:42px}}
|