@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

:root{--black:#05070a;--ink:#0a0e14;--panel:#101721;--silver:#d8e1e9;--muted:#9aa8b6;--ice:#8ddcff;--blue:#47bde9;--line:rgba(174,207,225,.18);--nordic-display:'Cinzel Decorative','Cinzel',serif;--nordic-label:'Cinzel',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f5f8fa;font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}
.site-header{height:84px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.12)}
.brand{display:flex;align-items:center;gap:13px;font-family:Cinzel,serif;letter-spacing:.15em;font-size:.92rem}.brand b{color:var(--ice);font-weight:600}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(141,220,255,.55);transform:rotate(45deg);font-size:1.3rem;color:var(--ice);box-shadow:0 0 24px rgba(71,189,233,.15)}.brand-mark::first-letter{transform:rotate(-45deg)}
nav{display:flex;gap:36px;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600}nav a{padding:10px 0;color:#d8e0e6;transition:.2s}nav a:hover{color:var(--ice)}.menu-toggle{display:none}
.page-header{position:relative;background:rgba(5,7,10,.96)}nav a[aria-current="page"]{color:var(--ice);border-bottom:1px solid var(--ice)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:120px clamp(24px,8vw,130px) 75px;background-image:linear-gradient(90deg,rgba(3,5,9,1) 0%,rgba(3,5,9,.95) 32%,rgba(3,5,9,.5) 58%,rgba(3,5,9,.08) 78%),radial-gradient(circle at 80% 50%,rgba(55,150,190,.16),transparent 36%),url('yule-logo.png');background-position:center,right center,right center;background-size:cover,cover,min(58vw,760px);background-repeat:no-repeat}
.hero-inner{width:min(690px,58vw);position:relative}.hero-inner:before{content:"";position:absolute;left:-34px;top:6px;width:2px;height:86px;background:linear-gradient(var(--ice),transparent);box-shadow:0 0 14px var(--blue)}
.eyebrow{color:var(--ice);font-weight:700;letter-spacing:.24em;text-transform:uppercase;font-size:.76rem;margin:0 0 20px}
h1,h2,h3{font-family:Cinzel,serif;margin:0;line-height:1.08}h1{font-size:clamp(3rem,6.4vw,6.6rem);font-weight:600;letter-spacing:-.035em}h1 em,h2 em{font-style:normal;color:var(--ice);text-shadow:0 0 28px rgba(71,189,233,.2)}
.hero-copy{max-width:620px;color:#bbc6cf;font-size:clamp(1rem,1.3vw,1.17rem);margin:28px 0 36px}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid var(--line);text-transform:uppercase;font-size:.76rem;letter-spacing:.13em;font-weight:700;transition:.25s}.button.primary{color:#041018;background:linear-gradient(135deg,#d8f5ff,var(--ice));border-color:var(--ice);box-shadow:0 9px 35px rgba(71,189,233,.22)}.button:hover{transform:translateY(-2px);border-color:var(--ice)}.button.primary:hover{box-shadow:0 12px 44px rgba(71,189,233,.36)}.button.ghost{background:rgba(7,10,15,.52);backdrop-filter:blur(6px)}
.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#aab5be}.scroll-cue span{color:var(--ice);margin-left:12px;font-size:1rem}
.section{padding:110px clamp(24px,8vw,130px)}.section-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:end;margin-bottom:55px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.section-heading h2,.about h2,.contact h2{font-size:clamp(2.2rem,4.3vw,4.6rem);font-weight:600}.section-heading>p:last-child{color:var(--muted);max-width:530px;margin:0 0 5px}
.services{background:radial-gradient(circle at 75% 20%,rgba(35,107,140,.1),transparent 32%),var(--black)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service-card{min-height:390px;padding:34px 28px;position:relative;display:flex;flex-direction:column;border-right:1px solid var(--line);background:linear-gradient(155deg,rgba(255,255,255,.025),transparent);transition:.3s}.service-card:last-child{border:0}.service-card:hover{background:linear-gradient(155deg,rgba(71,189,233,.12),rgba(255,255,255,.015));transform:translateY(-7px);box-shadow:0 25px 55px rgba(0,0,0,.35)}.number{font-family:Cinzel;color:#56626d;font-size:.75rem}.icon{color:var(--ice);font-size:2.3rem;margin:38px 0 24px}.service-card h3{font-size:1.35rem}.service-card p{color:var(--muted);font-size:.9rem}.service-card a{margin-top:auto;color:var(--ice);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700}.service-card a span{float:right}
.about{display:grid;grid-template-columns:.8fr 1.2fr;min-height:680px;gap:8vw;align-items:center;background:linear-gradient(115deg,#0b1017,#05070a)}.about-art{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);position:relative;background:radial-gradient(circle,rgba(89,196,236,.22),transparent 50%)}.about-art:before,.about-art:after{content:"";position:absolute;border:1px solid rgba(141,220,255,.18);inset:10%;transform:rotate(45deg)}.about-art:after{inset:24%;transform:rotate(0deg)}.about-art span{font-family:Cinzel;font-size:clamp(6rem,15vw,14rem);color:rgba(184,232,249,.82);text-shadow:0 0 45px rgba(71,189,233,.42)}.about-copy>p:not(.eyebrow){color:var(--muted);max-width:650px}
.contact{text-align:center;background:radial-gradient(circle at 50% 10%,rgba(71,189,233,.14),transparent 36%),#080c12;border-top:1px solid var(--line)}.contact>p:not(.eyebrow){color:var(--muted);margin:25px auto 32px}.contact-actions{justify-content:center}.contact small{display:block;color:#75828d;margin-top:30px}
.about-hero{min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;padding:110px clamp(24px,8vw,130px) 80px;background:radial-gradient(circle at 80% 45%,rgba(71,189,233,.16),transparent 34%),linear-gradient(125deg,#080d14,#030507)}.about-hero-copy h1{font-size:clamp(3rem,5.8vw,6rem)}.about-hero-copy>p:last-child{max-width:650px;color:#b2bec8;font-size:1.08rem}.about-logo-wrap{display:grid;place-items:center}.about-logo-wrap img{width:min(100%,560px);filter:drop-shadow(0 25px 50px rgba(0,0,0,.65))}.story{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#070a0f}.story h2,.about-services h2{font-size:clamp(2.2rem,4.3vw,4.6rem)}.story-copy{color:var(--muted);font-size:1.04rem;padding-top:30px}.story-copy p:first-child{color:#d4dce2;font-size:1.15rem}.about-services{background:linear-gradient(145deg,#0c121a,#05070a)}.about-services>h2{max-width:760px;margin-bottom:55px}.about-service-list{border-top:1px solid var(--line)}.about-service-list>div{display:grid;grid-template-columns:70px 1fr 1.4fr;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.about-service-list span{font-family:Cinzel;color:var(--ice);font-size:.8rem}.about-service-list h3{font-size:1.3rem}.about-service-list p{color:var(--muted);margin:0}.about-cta{border-top:0}
.service-area{display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw;background:radial-gradient(circle at 15% 45%,rgba(71,189,233,.13),transparent 26%),#0a1017;border-block:1px solid var(--line)}.service-area-label{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.service-area-label>span{width:90px;height:90px;display:grid;place-items:center;border:1px solid rgba(141,220,255,.4);color:var(--ice);font-size:2.2rem;transform:rotate(45deg);margin:0 0 38px 18px}.service-area-copy h2{font-size:clamp(2.2rem,4.2vw,4.5rem);max-width:900px}.service-area-copy>p{max-width:800px;color:var(--muted)}.service-area-copy>p:first-of-type{color:#d4dce2;font-size:1.1rem;margin-top:30px}
.gallery-hero{min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;padding:80px clamp(24px,8vw,130px);background:linear-gradient(90deg,rgba(4,7,11,.95),rgba(4,7,11,.45)),url('yule-logo.png') 88% 46%/360px no-repeat,#070a0f;border-bottom:1px solid var(--line)}.gallery-hero h1{font-size:clamp(3rem,6vw,6rem)}.gallery-hero>p:last-child{color:var(--muted);max-width:630px}.gallery-section{min-height:570px;background:radial-gradient(circle at 50% 20%,rgba(71,189,233,.08),transparent 35%),#05070a}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.gallery-heading h2{font-size:clamp(2.1rem,4vw,4rem)}.gallery-heading>p{color:var(--muted)}.gallery-empty{min-height:280px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;background:linear-gradient(145deg,rgba(141,220,255,.04),rgba(255,255,255,.01))}.gallery-symbol{width:70px;height:70px;border:1px solid rgba(141,220,255,.42);display:grid;place-items:center;color:var(--ice);font-size:2rem;transform:rotate(45deg);margin-bottom:25px}.gallery-empty h3{font-size:1.5rem}.gallery-empty p{color:var(--muted);margin:10px 0 0}.play-symbol{font-size:1.4rem}
.video-disclaimer{margin-top:28px;padding:26px 30px;border-left:2px solid var(--ice);background:rgba(141,220,255,.055)}.video-disclaimer h3{font-size:1rem;color:var(--silver);margin-bottom:7px}.video-disclaimer p{margin:0;color:var(--muted)}.video-disclaimer a{color:var(--ice);font-weight:700;text-decoration:underline;text-underline-offset:4px}.video-disclaimer a:hover{color:#fff}
.detailed-services{background:radial-gradient(circle at 70% 10%,rgba(71,189,233,.09),transparent 30%),#05070a}.detail-service-list{border-top:1px solid var(--line)}.detail-service-list article{display:grid;grid-template-columns:100px 1fr;gap:40px;padding:60px 0;border-bottom:1px solid var(--line)}.detail-number{font-family:Cinzel,serif;color:var(--ice);font-size:1rem;padding-top:7px}.detail-service-list article>div{max-width:850px}.detail-service-list h3{font-size:clamp(1.8rem,3vw,3rem);margin-bottom:18px}.detail-service-list article>div>p:not(.eyebrow){color:#b5c0c9;font-size:1.02rem}.detail-service-list ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:26px 0 0;padding:0;list-style:none;color:var(--muted)}.detail-service-list li{position:relative;padding-left:20px}.detail-service-list li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;background:var(--ice);transform:rotate(45deg);box-shadow:0 0 10px rgba(71,189,233,.55)}
footer{padding:34px clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);color:#75828d;font-size:.72rem;letter-spacing:.08em}footer p:last-child{text-align:right}footer .brand{color:#eef3f6}
@media(max-width:1100px) and (min-width:901px){nav{gap:12px;font-size:.64rem}.site-header{padding-inline:24px}}
@media(max-width:900px){.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.service-card{border-bottom:1px solid var(--line)}.section-heading{grid-template-columns:1fr}.about{grid-template-columns:1fr}.about-art{max-width:430px;margin:auto}.about-hero,.story,.service-area{grid-template-columns:1fr}.about-hero{padding-top:80px}.about-logo-wrap{grid-row:1}.about-logo-wrap img{max-width:430px}.service-area-label{display:block}.service-area-label>span{width:62px;height:62px;margin:0 0 30px 12px}.about-service-list>div{grid-template-columns:50px 1fr}.about-service-list p{grid-column:2}footer{grid-template-columns:1fr;text-align:center;gap:16px}footer .brand{justify-content:center}footer p{margin:0}footer p:last-child{text-align:center}}
@media(max-width:900px){.site-header{height:72px}.menu-toggle{display:block;background:transparent;color:white;border:1px solid var(--line);padding:9px 12px;text-transform:uppercase;letter-spacing:.12em}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px 24px;background:rgba(5,7,10,.98);flex-direction:column;gap:12px}.site-header nav.open{display:flex}}
@media(max-width:650px){.site-header{height:72px}.brand{font-size:.72rem}.brand-mark{width:34px;height:34px}.menu-toggle{display:block;background:transparent;color:white;border:1px solid var(--line);padding:9px 12px;text-transform:uppercase;letter-spacing:.12em}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px 24px;background:rgba(5,7,10,.97);flex-direction:column;gap:12px}.site-header nav.open{display:flex}.hero{min-height:850px;align-items:flex-end;padding-bottom:70px;background-image:linear-gradient(0deg,rgba(3,5,9,1) 0%,rgba(3,5,9,.96) 46%,rgba(3,5,9,.08) 75%),url('yule-logo.png');background-position:center,center 88px;background-size:cover,min(96vw,560px);background-repeat:no-repeat}.hero-inner{width:100%;padding-top:310px}.hero-inner:before{display:none}h1{font-size:clamp(2.75rem,14vw,4.3rem)}.hero-copy{max-width:100%;color:#d1d9df}.button{width:100%}.section{padding:80px 22px}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px;border-right:0}.about-art{width:100%}.scroll-cue{display:none}}
@media(max-width:650px){.gallery-hero{min-height:500px;padding:70px 22px 55px;background:linear-gradient(0deg,rgba(4,7,11,1),rgba(4,7,11,.35)),url('yule-logo.png') center 72px/300px no-repeat,#070a0f}.gallery-heading{display:block}.gallery-heading>p{margin-top:12px}.gallery-empty{min-height:330px}}
@media(max-width:650px){.detail-service-list article{grid-template-columns:1fr;gap:12px;padding:44px 0}.detail-service-list ul{grid-template-columns:1fr}.detail-number{padding:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Gothic Norse visual direction */
:root{--black:#020304;--ink:#07090d;--panel:#0b0e13;--silver:#d7d5cf;--muted:#aaa9a4;--ice:#a9dceb;--blue:#5c9bae;--iron:#777d80;--rune:#b8e6f2;--line:rgba(190,198,199,.22)}
body{background-color:var(--black);background-image:radial-gradient(circle at 50% -10%,rgba(92,155,174,.12),transparent 30%),repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 14px);color:#eeeae2}
.site-header{border-bottom:1px solid rgba(205,212,211,.3);background:linear-gradient(180deg,rgba(1,2,3,.88),rgba(1,2,3,.45));box-shadow:0 8px 30px rgba(0,0,0,.3)}
.page-header{background:linear-gradient(180deg,#07090c,#020304);border-bottom:1px solid rgba(169,220,235,.32)}
.brand{font-weight:600;text-shadow:0 2px 12px #000}.brand b{color:#c4e7ef}.brand-mark{border:2px solid #939a9d;color:#d8f3f7;background:linear-gradient(145deg,#171b20,#050607);box-shadow:inset 0 0 0 2px #030405,0 0 22px rgba(169,220,235,.19)}
nav a{color:#c4c2bc;position:relative}nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:3px;height:1px;background:var(--rune);transition:.25s}nav a:hover:after,nav a[aria-current="page"]:after{left:0;right:0}nav a[aria-current="page"]{border:0}
.hero{background-image:linear-gradient(90deg,rgba(1,2,3,1) 0%,rgba(1,2,3,.96) 32%,rgba(1,2,3,.56) 58%,rgba(1,2,3,.12) 78%),radial-gradient(circle at 80% 50%,rgba(111,162,177,.18),transparent 36%),url('yule-logo.png');box-shadow:inset 0 -80px 90px #020304}
.eyebrow{color:#bce6ef;text-shadow:0 0 14px rgba(169,220,235,.22)}
h1,h2,h3{letter-spacing:.015em;text-shadow:0 3px 18px rgba(0,0,0,.7)}h1 em,h2 em{color:#c2e5ed;text-shadow:0 0 24px rgba(129,194,210,.25)}
.button{position:relative;border-color:#777e80;background:linear-gradient(180deg,rgba(24,28,32,.92),rgba(6,7,9,.96));clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.button.primary{color:#07090a;background:linear-gradient(180deg,#e3eaeb,#8ea6aa);border-color:#d8e5e7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 8px 30px rgba(88,140,154,.2)}
.about,.story,.about-services,.detailed-services,.gallery-section,.service-area,.contact{position:relative;background-color:#05070a;background-image:linear-gradient(135deg,rgba(255,255,255,.018),transparent 35%),repeating-linear-gradient(45deg,rgba(255,255,255,.009) 0,rgba(255,255,255,.009) 1px,transparent 1px,transparent 11px)}
.about:before,.story:before,.about-services:before,.detailed-services:before,.gallery-section:before,.service-area:before,.contact:before{content:"ᛉ  ·  ᚢ  ·  ᛚ  ·  ᛖ";position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:0 24px;background:#05070a;color:#72797b;font-family:Cinzel,serif;font-size:.74rem;letter-spacing:.55em;white-space:nowrap}
.about-art,.gallery-empty{border:1px solid #686e70;outline:1px solid rgba(169,220,235,.12);outline-offset:-9px;background:radial-gradient(circle,rgba(93,145,158,.16),transparent 55%),linear-gradient(145deg,#0d1116,#040507);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}
.gallery-hero{background:linear-gradient(90deg,rgba(2,3,4,.98),rgba(2,3,4,.48)),url('yule-logo.png') 88% 46%/360px no-repeat,#040609;box-shadow:inset 0 -45px 60px #05070a}
.service-area-label>span,.gallery-symbol{border:2px solid #7b8284;background:#0a0d11;color:#c9edf3;box-shadow:inset 0 0 0 3px #030405,0 0 24px rgba(140,203,218,.12)}
.about-service-list,.detail-service-list{border-top-color:#5e6365}.about-service-list>div,.detail-service-list article{border-bottom-color:#34393b}.about-service-list>div:hover,.detail-service-list article:hover{background:linear-gradient(90deg,rgba(169,220,235,.045),transparent 72%)}
.video-disclaimer{border-left:0;border:1px solid #62686a;outline:1px solid rgba(169,220,235,.1);outline-offset:-7px;background:linear-gradient(135deg,rgba(169,220,235,.07),rgba(0,0,0,.12));clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
footer{background:#020304;border-top:1px solid #54595b;box-shadow:inset 0 1px rgba(255,255,255,.03)}
@media(max-width:900px){.site-header nav{background:linear-gradient(180deg,#090c10,#020304);border-bottom:1px solid #646a6c;box-shadow:0 18px 35px #000}.about:before,.story:before,.about-services:before,.detailed-services:before,.gallery-section:before,.service-area:before,.contact:before{letter-spacing:.28em;font-size:.68rem}}
@media(max-width:650px){.hero{background-image:linear-gradient(0deg,rgba(1,2,3,1) 0%,rgba(1,2,3,.97) 46%,rgba(1,2,3,.12) 76%),url('yule-logo.png');background-position:center,center 88px;background-size:cover,min(96vw,560px);background-repeat:no-repeat}.gallery-hero{background:linear-gradient(0deg,rgba(2,3,4,1),rgba(2,3,4,.4)),url('yule-logo.png') center 72px/300px no-repeat,#040609}}

/* Nordic typography: ceremonial display lettering with readable body copy */
h1,h2,h3,.brand{font-family:var(--nordic-display)}
h1{font-weight:700;letter-spacing:-.015em}
h2,h3{font-weight:700;letter-spacing:.025em}
.brand{letter-spacing:.11em}
nav,.button,.menu-toggle,.eyebrow,.scroll-cue,.number,.detail-number,.about-service-list span,.service-card a{font-family:var(--nordic-label)}
nav,.button,.menu-toggle{letter-spacing:.12em}
.eyebrow{letter-spacing:.21em}
.about-art span,.about:before,.story:before,.about-services:before,.detailed-services:before,.gallery-section:before,.service-area:before,.contact:before{font-family:var(--nordic-display)}

/* Contact page */
.contact-page{min-height:calc(100vh - 120px);padding-top:170px;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,8vw,120px);align-items:start;background:radial-gradient(circle at 12% 28%,rgba(92,155,174,.14),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.018),transparent 38%),#05070a}
.contact-intro{position:sticky;top:130px}.contact-intro h1{font-size:clamp(2.8rem,5.2vw,5.7rem);max-width:720px}.contact-intro>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;max-width:620px;margin:28px 0}
.direct-contact{margin-top:42px;padding:25px 0;border-top:1px solid #454b4d;border-bottom:1px solid #454b4d;display:flex;flex-direction:column;gap:4px}.direct-contact span{color:var(--muted);font-size:.88rem}.direct-contact a{font-family:var(--nordic-display);color:#c9edf3;font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:.04em}
.contact-form{position:relative;padding:clamp(28px,4vw,52px);border:1px solid #686e70;outline:1px solid rgba(169,220,235,.1);outline-offset:-9px;background:linear-gradient(145deg,#0d1116,#040507);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}
.form-heading{display:flex;align-items:center;gap:22px;margin-bottom:38px}.form-heading>span{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;border:1px solid #757d80;color:#c9edf3;background:#080b0e;font-family:var(--nordic-display);font-size:1.5rem;transform:rotate(45deg)}.form-heading>span::first-letter{transform:rotate(-45deg)}.form-heading .eyebrow{margin:0 0 8px}.form-heading h2{font-size:clamp(1.7rem,3vw,2.6rem)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.field{display:flex;flex-direction:column;gap:8px}.field-wide{grid-column:1/-1}.field label{font-family:var(--nordic-label);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#d7d5cf}.field label span{color:var(--rune)}
.field input,.field select,.field textarea{width:100%;border:1px solid #4d5457;border-radius:0;background:rgba(0,0,0,.34);color:#f0ede7;font:inherit;font-size:1rem;padding:14px 15px;outline:0;transition:border-color .2s,box-shadow .2s}.field input,.field select{min-height:52px}.field textarea{resize:vertical;min-height:145px}.field select{color-scheme:dark}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--rune);box-shadow:0 0 0 3px rgba(169,220,235,.1)}
.form-submit{margin-top:30px;min-width:190px}.form-note{color:#858b8c;font-size:.78rem;line-height:1.5;margin:18px 0 0;max-width:620px}.form-status{min-height:1.5em;color:#c9edf3;margin:12px 0 0;font-size:.9rem}
@media(max-width:900px){.contact-page{grid-template-columns:1fr;padding-top:130px}.contact-intro{position:static}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}}
@media(max-width:650px){.contact-page{padding:115px 22px 75px}.contact-form{padding:32px 24px}.form-heading>span{width:48px;height:48px;flex-basis:48px}.form-submit{width:100%}}

/* Free wallpaper gallery */
.gallery-heading h2 em{display:inline;color:#c2e5ed;font-size:.42em;letter-spacing:.05em;white-space:nowrap}.wallpaper-grid{display:grid;grid-template-columns:repeat(4,minmax(0,180px));justify-content:center;gap:20px}.gallery-loading{grid-column:1/-1;color:var(--muted)}
.wallpaper-card{min-width:0;border:1px solid #4b5153;background:linear-gradient(145deg,#0e1217,#040507);box-shadow:0 14px 34px rgba(0,0,0,.28);transition:transform .25s,border-color .25s}.wallpaper-card:hover{transform:translateY(-5px);border-color:#899497}.wallpaper-preview{display:block;overflow:hidden;aspect-ratio:3/2;background:#020304}.wallpaper-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.wallpaper-card:hover .wallpaper-preview img{transform:scale(1.035)}
.wallpaper-info{padding:18px 18px 20px;border-top:1px solid #34393b}.wallpaper-info h3{font-size:1rem;line-height:1.3;min-height:2.6em;margin-bottom:16px}.wallpaper-download{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border:1px solid #667174;color:#c9edf3;font-family:var(--nordic-label);font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;transition:.2s}.wallpaper-download:hover{border-color:var(--rune);background:rgba(169,220,235,.08);color:#fff}
@media(max-width:850px){.wallpaper-grid{grid-template-columns:repeat(2,minmax(0,180px))}}
@media(max-width:520px){.wallpaper-grid{grid-template-columns:minmax(0,180px)}.gallery-heading h2 em{display:block;margin-top:10px;font-size:.38em}.wallpaper-info h3{min-height:0}}

/* The Off-Key Legends */
.off-key-section{background-image:radial-gradient(circle at 78% 22%,rgba(118,76,146,.16),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.018),transparent 38%),repeating-linear-gradient(45deg,rgba(255,255,255,.009) 0,rgba(255,255,255,.009) 1px,transparent 1px,transparent 11px)}
.off-key-section .gallery-heading h2{max-width:1000px}.off-key-section .gallery-heading h2 em{display:block;color:#c2e5ed;font-size:.43em;letter-spacing:.06em;margin-top:12px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.video-card{min-width:0;border:1px solid #4b5153;background:linear-gradient(145deg,#0e1217,#040507);box-shadow:0 16px 38px rgba(0,0,0,.32)}.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#000}.video-card>div{padding:20px 22px 22px;border-top:1px solid #34393b}.video-card h3{font-size:1.18rem}.video-card p{color:var(--muted);margin:7px 0 0;font-size:.9rem}
@media(max-width:760px){.video-grid{grid-template-columns:1fr}.off-key-section .gallery-heading h2 em{font-size:.38em}}

/* Our Friends */
.friend-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(28px,5vw,70px);align-items:center;padding:clamp(20px,3vw,38px);border:1px solid #4b5153;background:linear-gradient(145deg,#0e1217,#040507);box-shadow:0 18px 44px rgba(0,0,0,.35)}.friend-image-link{display:block;position:relative;overflow:hidden;border:1px solid #60696c;background:#000}.friend-image-link:after{content:"Visit Facebook ↗";position:absolute;right:16px;bottom:16px;padding:10px 14px;background:rgba(2,3,4,.88);border:1px solid #829094;color:#c9edf3;font-family:var(--nordic-label);font-size:.875rem;text-transform:uppercase;letter-spacing:.08em}.friend-image-link img{display:block;width:100%;height:auto;transition:transform .35s,filter .35s}.friend-image-link:hover img{transform:scale(1.025);filter:brightness(1.08)}.friend-feature-copy h3{font-size:clamp(1.8rem,3vw,3.2rem)}.friend-feature-copy>p:not(.eyebrow){color:var(--muted);margin:18px 0 25px}.friend-feature-copy .button{width:auto}
@media(max-width:850px){.friend-feature{grid-template-columns:1fr}.friend-feature-copy{text-align:center}.friend-feature-copy .eyebrow{margin-top:6px}.friend-feature-copy .button{width:100%}}
