*{box-sizing:border-box} :root{--green:#173b31;--green2:#244d40;--cream:#f5f0e5;--paper:#fbf8f1;--tomato:#c65b3d;--gold:#d7a85d;--ink:#20251f;--muted:#6c7067}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.announcement{background:var(--tomato);color:#fff;text-align:center;padding:9px 15px;font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:700}.site-header{height:86px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid #e9e1d3}.brand{display:flex;align-items:center;gap:10px;color:var(--green)}.brand-mark{font-family:"Playfair Display",serif;font-size:43px;font-weight:800;line-height:.9;position:relative}.brand-mark span{font-family:Arial;font-size:13px;color:var(--tomato);position:absolute;right:-8px;top:0}.brand-name{font-family:"Playfair Display",serif;font-weight:800;font-size:21px;letter-spacing:.12em}.brand-name small{display:block;font:700 8px "DM Sans",sans-serif;letter-spacing:.22em;margin-top:4px}.main-nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:700}.main-nav a:not(.nav-cta):hover,.text-link:hover,.arrow-link:hover{color:var(--tomato)}.nav-cta{background:var(--green);color:white;padding:14px 20px;border-radius:2px}.menu-toggle{display:none;border:0;background:none;font-size:26px;color:var(--green)}.hero{background:var(--green);color:white;min-height:630px;padding:80px 9vw 0;display:grid;grid-template-columns:1.03fr .97fr;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:580px;height:580px;border:1px solid #ffffff18;border-radius:50%;right:2%;top:5%}.hero-copy{position:relative;z-index:2;max-width:590px;padding:20px 0 90px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--gold);margin:0 0 22px}.eyebrow span{display:inline-block;width:25px;height:1px;background:var(--gold);vertical-align:middle;margin-right:9px}.eyebrow.dark{color:var(--tomato)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Playfair Display",Georgia,serif}h1{font-size:clamp(48px,6vw,82px);line-height:1.03;letter-spacing:-.04em;margin:0 0 25px}h1 em,h2 em{font-weight:500;color:var(--gold)}.hero-intro{max-width:490px;color:#e2e8df;line-height:1.8;font-size:15px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.button{display:inline-flex;align-items:center;gap:25px;padding:16px 21px;font-size:11px;font-weight:700;letter-spacing:.04em;transition:.2s}.button span{font-size:17px}.button-light{background:var(--cream);color:var(--green)}.button-light:hover{background:white;transform:translateY(-2px)}.text-link{font-size:11px;color:#e6e9df;border-bottom:1px solid #9cae9e;padding-bottom:5px}.hero-note{display:flex;align-items:center;gap:13px;color:#d5dfd5;font-size:10px;line-height:1.6;letter-spacing:.07em;margin-top:62px}.note-star{font-size:28px;color:var(--gold)}.hero-art{min-height:440px;position:relative;display:flex;align-items:center;justify-content:center}.pizza-plate{width:min(34vw,390px);aspect-ratio:1;border-radius:50%;background:#e9dfca;box-shadow:0 22px 45px #081b1570;display:grid;place-items:center;transform:rotate(-12deg);position:relative}.pizza{width:86%;height:86%;border-radius:50%;background:radial-gradient(circle at 40% 38%,#d9a34e 0 3%,transparent 3.5%),radial-gradient(circle at 66% 64%,#b8462e 0 5%,transparent 5.5%),radial-gradient(circle at 28% 68%,#b8462e 0 4%,transparent 4.5%),radial-gradient(circle at 70% 28%,#d9a34e 0 4%,transparent 4.5%),radial-gradient(circle at 48% 50%,#c94d32 0 48%,#e8b95f 49% 57%,#bd8145 58% 63%,#e8b95f 64%);border:7px solid #d69d4c;position:relative;box-shadow:inset 0 0 20px #753b22}.topping{position:absolute;width:25px;height:25px;border-radius:50%;background:#b83e2c;border:3px solid #e9ae60;box-shadow:0 2px 4px #71331c}.t1{left:25%;top:27%}.t2{left:59%;top:22%}.t3{left:45%;top:53%}.t4{left:23%;top:62%}.t5{left:69%;top:62%}.t6{left:47%;top:78%}.basil{position:absolute;width:19px;height:30px;background:#367447;border-radius:100% 0 100% 0;transform:rotate(35deg)}.b1{left:43%;top:17%}.b2{left:66%;top:43%;transform:rotate(95deg)}.b3{left:29%;top:47%;transform:rotate(-40deg)}.art-stamp,.art-caption{position:absolute;font-family:"Playfair Display",serif;font-weight:700;letter-spacing:.12em;text-align:center;color:var(--gold);font-size:13px;line-height:1.3}.art-stamp{top:11%;left:6%;border:1px solid #d7a85d;border-radius:50%;width:86px;height:86px;display:grid;place-content:center;transform:rotate(-12deg)}.art-caption{right:2%;bottom:15%;font-size:18px;color:#f0e5cc;transform:rotate(9deg)}.hero-bottom{grid-column:1/-1;border-top:1px solid #ffffff35;display:flex;justify-content:space-between;padding:20px 0;color:#c4d1c5;font-size:9px;letter-spacing:.2em}.section-pad{padding:105px 9vw}.intro{text-align:center;max-width:900px;margin:auto}.intro h2,.section-heading h2,.tips-copy h2,.about-copy h2,.contact h2{font-size:clamp(38px,4.3vw,58px);line-height:1.08;letter-spacing:-.03em;margin-bottom:22px}.intro h2 em,.section-heading h2 em,.about-copy h2 em{color:var(--tomato)}.section-lead{max-width:660px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.9}.experiences{background:#eee8da}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:5px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.experience-card{background:var(--paper);display:grid;grid-template-columns:.85fr 1.15fr;min-height:350px;position:relative;overflow:hidden}.card-number{position:absolute;top:22px;left:24px;z-index:2;font-size:9px;letter-spacing:.17em;color:#697267;font-weight:700}.card-illustration{display:grid;place-items:center;position:relative;min-height:350px;overflow:hidden}.dough-art{background:#e3d3b6}.dough-circle{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#f4d89d,#d4a75e 72%,#b57e3e);box-shadow:0 15px 30px #84633d45;border:10px solid #f3e6ce}.flour{position:absolute;font-size:120px;color:#fff7e5;opacity:.8;transform:rotate(17deg)}.oven-art{background:#d5ded2}.oven{width:180px;height:160px;background:#29483d;border-radius:100px 100px 8px 8px;position:relative;box-shadow:0 15px 25px #243c3030}.oven:before{content:"";position:absolute;left:35px;right:35px;bottom:0;height:100px;background:#1a2923;border-radius:100px 100px 0 0;border:7px solid #b98250;border-bottom:0}.oven-flame{position:absolute;z-index:2;bottom:23px;left:73px;color:#e5a64e;font-size:42px}.spark{position:absolute;color:#ba7142;font-size:30px}.s1{top:23%;right:18%}.s2{bottom:22%;left:17%}.card-content{padding:65px 27px 30px}.card-content .eyebrow{margin-bottom:12px}.card-content h3{font-size:28px;margin-bottom:13px}.card-content p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.arrow-link{display:inline-flex;gap:18px;align-items:center;font-size:11px;font-weight:700;margin-top:12px}.arrow-link b{font-size:17px;color:var(--tomato)}.quote-band{background:var(--tomato);color:#fff;text-align:center;padding:70px 20px}.quote-mark{font-family:Georgia;font-size:65px;line-height:.7;color:#f2c5a9}.quote-band p{font-family:"Playfair Display",serif;font-size:clamp(24px,3vw,37px);line-height:1.35;margin:12px 0 22px}.quote-credit{font-size:9px;letter-spacing:.2em;color:#f5d9c8}.universe{background:var(--paper)}.universe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.universe-card{background:#f0ebdf}.universe-visual{height:205px;display:grid;place-items:center;position:relative;overflow:hidden}.visual-dough{background:#d9c7a5}.visual-dough span{font-family:"Playfair Display";font-size:130px;color:#f1e4ca;text-shadow:4px 5px 0 #b58c55}.visual-dough i{position:absolute;font-size:90px;color:#b47c43;opacity:.65}.visual-tomato{background:#d4dfd0}.visual-tomato span{font-size:110px;filter:drop-shadow(5px 10px 3px #596b4c55)}.visual-tomato small{position:absolute;right:20px;bottom:20px;color:var(--green);font-family:"Playfair Display";font-size:15px;letter-spacing:.1em}.visual-pizza{background:#e6d5bd;color:#a04e34}.visual-pizza:before{content:"";width:175px;height:175px;border-radius:50%;background:radial-gradient(circle,#c34c30 0 48%,#e7b65d 49% 61%,#bd854b 62%);box-shadow:0 12px 20px #65452b55}.visual-pizza span,.visual-pizza b{position:absolute;z-index:1}.visual-pizza span{font-size:30px;top:27px;right:27px}.visual-pizza b{font-family:"Playfair Display";font-size:20px;text-align:center;color:#fff1d7;letter-spacing:.12em;transform:rotate(-12deg)}.universe-text{padding:25px 25px 30px}.universe-text .eyebrow{margin-bottom:10px}.universe-text h3{font-size:24px;margin-bottom:10px}.universe-text p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}.tips-section{background:var(--green);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.tips-copy h2{font-size:clamp(42px,5vw,65px)}.tips-copy>p:not(.eyebrow){max-width:470px;color:#d6e0d7;line-height:1.8;font-size:14px;margin-bottom:28px}.button-outline{border:1px solid #a9b9a9;color:#fff}.button-outline:hover{background:#ffffff12}.tip-facts{border-top:1px solid #ffffff45}.tip-facts div{display:flex;align-items:center;gap:25px;padding:20px 0;border-bottom:1px solid #ffffff45}.tip-facts strong{font-family:"Playfair Display";font-size:27px;color:var(--gold);font-weight:500}.tip-facts span{font-size:13px;color:#e3e9e1}.recipes{background:#eee8da}.recipe-list{border-top:1px solid #cfc5b3}.recipe-list>div{display:grid;grid-template-columns:70px 1.1fr 1.4fr 180px;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid #cfc5b3}.recipe-index{font-family:"Playfair Display";font-size:22px;color:var(--tomato)}.recipe-list h3{font-size:23px;margin:0}.recipe-list p{margin:0;color:var(--muted);font-size:12px}.recipe-tag{font-size:9px;letter-spacing:.15em;color:var(--tomato);font-weight:700}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center}.about-seal{width:min(28vw,280px);aspect-ratio:1;border:2px solid var(--tomato);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);position:relative;transform:rotate(-9deg);margin:auto}.about-seal:before{content:"";position:absolute;inset:10px;border:1px solid var(--tomato);border-radius:50%}.about-seal span{font-family:"Playfair Display";font-size:35px;font-weight:800;letter-spacing:.12em}.about-seal b{font-size:35px;color:var(--tomato);margin:8px}.about-seal small{font-size:9px;letter-spacing:.2em;font-weight:700}.about-copy h2{font-size:clamp(38px,4vw,55px)}.about-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;max-width:570px}.contact{background:var(--tomato);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center}.contact .eyebrow{color:#f6d4bf}.contact h2{font-size:clamp(40px,4.5vw,60px)}.contact h2 em{color:#f3c69d}.contact>div:first-child>p:not(.eyebrow){max-width:470px;line-height:1.8;color:#f8e2d5;font-size:14px}.contact-box{background:var(--green);padding:40px}.contact-label{font-size:9px;letter-spacing:.2em;color:var(--gold);font-weight:700}.contact-box h3{font-size:32px;line-height:1.15;margin:20px 0}.contact-box>p:not(.contact-label){font-size:12px;line-height:1.8;color:#d5e0d6}.contact-box small{display:block;margin-top:15px;color:#b8c9bc;font-size:9px;line-height:1.5}.footer{background:#102c24;color:#cbd5cc;padding:35px 7vw 20px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.footer-brand{color:#f4efe3}.footer>span,.back-top{font-size:9px;letter-spacing:.17em;text-align:center}.back-top{text-align:right}.copyright{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:18px;margin:10px 0 0;font-size:9px;color:#91a297}.footer .brand-mark{font-size:34px}.footer .brand-name{font-size:17px}.footer .brand-name small{font-size:7px}
@media(max-width:1000px){.main-nav{gap:17px}.hero{padding-left:6vw;padding-right:6vw}.section-pad{padding:80px 6vw}.experience-card{grid-template-columns:1fr}.card-illustration{min-height:210px}.card-content{padding:30px}.card-number{top:15px}.experience-grid{gap:16px}.universe-text{padding:22px 18px}.about{gap:7%}}
@media(max-width:720px){.announcement{font-size:8px}.site-header{height:72px;padding:0 6vw}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:20px 6vw 26px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #e5ddcf}.main-nav.open{display:flex}.main-nav a{padding:14px 0}.main-nav .nav-cta{text-align:center;margin-top:8px;padding:15px}.hero{display:flex;flex-direction:column;padding:55px 7vw 0;min-height:0}.hero-copy{padding:0 0 20px}.hero-art{min-height:330px}.pizza-plate{width:min(72vw,310px)}.art-stamp{left:2%;top:7%}.art-caption{right:4%;bottom:8%}.hero-bottom{gap:10px;font-size:7px;letter-spacing:.1em}.section-pad{padding:70px 7vw}.section-heading{display:block}.section-heading>p{margin-top:18px}.experience-grid,.universe-grid{grid-template-columns:1fr}.experience-card{grid-template-columns:.9fr 1.1fr;min-height:280px}.card-illustration{min-height:280px}.card-content{padding:55px 18px 22px}.card-content h3{font-size:23px}.universe-visual{height:220px}.tips-section,.about,.contact{grid-template-columns:1fr;gap:45px}.tip-facts{margin-top:0}.about-seal{width:220px}.recipe-list>div{grid-template-columns:38px 1fr;gap:8px 14px}.recipe-list h3{font-size:20px}.recipe-list p{grid-column:2}.recipe-tag{grid-column:2}.contact-box{padding:30px}.footer{grid-template-columns:1fr 1fr}.footer>span{display:none}.back-top{grid-column:2;grid-row:1}.copyright{grid-column:1/-1}}
@media(max-width:430px){.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.experience-card{grid-template-columns:1fr}.card-illustration{min-height:210px}.card-content{padding:30px 24px}.hero-bottom span:nth-child(2){display:none}.hero-bottom{justify-content:space-between}}


/* PIZZARO – italiensk rustik med et eksklusivt, moderne strejf */
:root {
  --green: #18382f;
  --green2: #294b3e;
  --cream: #f4ecdc;
  --paper: #fbf7ee;
  --tomato: #b9573c;
  --gold: #c89a5b;
  --ink: #28251f;
  --muted: #746d61;
}
body { font-family: "Montserrat", Arial, sans-serif; }
h1, h2, h3, .quote-band p, .recipe-index, .about-seal span,
.about-seal b, .about-seal small, .contact-box h3 {
  font-family: "Cormorant Garamond", Georgia, serif;
}
h1 { font-weight: 600; letter-spacing: -.025em; }
h2 { font-weight: 600; }
.site-header { background: rgba(251,247,238,.97); backdrop-filter: blur(12px); }
.brand { gap: 0; }
.brand-logo { width: 66px; height: 66px; object-fit: cover; border-radius: 50%; box-shadow: 0 3px 12px #1a2e241c; }
.hero { background: linear-gradient(115deg, #142f27 0%, #1d4034 58%, #2b493a 100%); }
.hero:after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse at 82% 45%, #c18a4a18, transparent 42%);
}
.hero-art.hero-photo { min-height: 440px; padding: 18px 0 35px 24px; z-index: 1; }
.hero-photo img {
  display: block; width: min(100%, 590px); max-height: 475px; object-fit: cover;
  border-radius: 48% 48% 18px 18px; border: 1px solid #d3b27a88;
  box-shadow: 0 28px 60px #081b15a8, 0 0 0 10px #ffffff08;
}
.hero-photo .pizza-plate, .hero-photo .art-stamp, .hero-photo .art-caption { display: none; }
.announcement { background: #9e4b34; letter-spacing: .22em; }
.nav-cta { background: #18382f; border: 1px solid #c89a5b; }
.nav-cta:hover { background: #294b3e; }
.button-light { background: #f4ecdc; color: #18382f; }
.section-pad { padding-top: 112px; padding-bottom: 112px; }
.experiences, .recipes { background: #eee5d4; }
.experience-card, .universe-card { box-shadow: 0 12px 35px #453b2c0b; }
.experience-card { border: 1px solid #e5dac7; }
.quote-band { background: #a94f37; }
.universe-visual { filter: saturate(.88); }
.contact { background: #a94f37; }
.contact-box { border: 1px solid #c89a5b; box-shadow: 0 20px 45px #572b1f33; }
.footer { background: #102820; }
a, button { transition: color .2s ease, background .2s ease, transform .2s ease; }
@media(max-width:720px) {
  .brand-logo { width: 54px; height: 54px; }
  .hero-art.hero-photo { min-height: 0; padding: 20px 0 36px; }
  .hero-photo img { width: 100%; max-height: 360px; border-radius: 28px; }
}