/* Motive Ökukennsla - main style file. Breyttu litum efst í :root. */
:root {
      --black:#050505; --ink:#0b0b0b; --panel:#121212; --panel2:#171717; --line:#3a2b15;
      --gold:#d49a3a; --gold2:#f0bd63; --gold3:#8c5d20; --text:#eee9df; --muted:#a79d8e; --soft:#d9cdbb;
      --shadow: 0 24px 80px rgba(0,0,0,.55);
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:Inter,system-ui,sans-serif;background:var(--black);color:var(--text);line-height:1.55;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    .container{width:min(1180px,calc(100% - 56px));margin-inline:auto}
    .gold-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold3),var(--gold),var(--gold3),transparent)}

    /* NAV */
    .nav{position:sticky;top:0;z-index:50;background:rgba(3,3,3,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(212,154,58,.28)}
    .nav-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:flex;align-items:center;gap:14px;min-width:190px}
    .brand img{width:126px;height:auto;display:block;filter:drop-shadow(0 0 12px rgba(212,154,58,.16))}
    .nav-links{display:flex;align-items:center;gap:30px;list-style:none}
    .nav-links a{font-family:Cinzel,serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#d9d2c6;opacity:.9;padding:33px 0;border-bottom:2px solid transparent;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--gold2);border-bottom-color:var(--gold)}
    .cta{font-family:Cinzel,serif;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold2);padding:13px 24px;transition:.2s;white-space:nowrap}
    .cta:hover{background:var(--gold);color:#080808}

    /* HERO */
    .hero{position:relative;min-height:720px;display:flex;align-items:stretch;overflow:hidden;background:#070707}
    .hero:before{content:"";position:absolute;inset:0;background:
      linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.92) 36%,rgba(5,5,5,.32) 64%,rgba(5,5,5,.72) 100%),
      radial-gradient(circle at 78% 28%,rgba(240,189,99,.33),transparent 28%),
      linear-gradient(145deg,#090704,#1b1308 48%,#050505 100%);z-index:0}
    .hero-road{position:absolute;right:-25px;bottom:0;width:60%;height:100%;z-index:1;opacity:.98}
    .hero-road svg{width:100%;height:100%;display:block}
    .hero-content{position:relative;z-index:2;padding:72px 0 60px;width:100%;display:grid;grid-template-columns:minmax(0,600px) 1fr;align-items:center}
    .eyebrow{font-family:Cinzel,serif;color:var(--gold2);letter-spacing:.24em;text-transform:uppercase;font-weight:700;font-size:13px;margin-bottom:18px;display:flex;align-items:center;gap:18px}
    .eyebrow:after{content:"";width:92px;height:1px;background:var(--gold)}
    h1{font-family:Cinzel,serif;font-weight:500;font-size:clamp(44px,5.3vw,76px);line-height:1.05;letter-spacing:-.02em;color:#fff;margin-bottom:22px;text-shadow:0 12px 40px rgba(0,0,0,.9)}
    h1 span,.gold{color:var(--gold2)}
    .lead{font-size:17px;color:#e4dccd;max-width:620px;line-height:1.85;margin-bottom:38px}
    .hero-values{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:650px;border-top:1px solid rgba(212,154,58,.28);border-bottom:1px solid rgba(212,154,58,.28)}
    .hero-value{padding:22px 18px;text-align:center;border-right:1px solid rgba(212,154,58,.28)}
    .hero-value:last-child{border-right:0}
    .hero-value svg{width:34px;height:34px;margin-bottom:9px;stroke:var(--gold);fill:none;stroke-width:1.6}
    .hero-value strong{font-family:Cinzel,serif;display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#fff}
    .hero-value span{font-size:12px;color:var(--muted)}

    /* SECTIONS */
    section{padding:82px 0}
    .section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:36px}
    .label{font-family:Cinzel,serif;color:var(--gold);font-weight:700;font-size:12px;letter-spacing:.19em;text-transform:uppercase;margin-bottom:12px}
    h2{font-family:Cinzel,serif;font-size:clamp(30px,3.4vw,48px);line-height:1.15;font-weight:500;color:#fff}
    .section-copy{color:#cfc4b2;font-size:16px;line-height:1.8}
    .dark{background:linear-gradient(180deg,#111,#0a0a0a)}

    /* METHOD CARDS */
    .method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .method-card{position:relative;background:linear-gradient(145deg,#171717,#101010);border:1px solid rgba(212,154,58,.23);min-height:250px;padding:30px 24px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);cursor:pointer;transition:.25s;overflow:hidden}
    .method-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,rgba(212,154,58,.16),transparent 45%);opacity:.4;transition:.25s}
    .method-card:hover{transform:translateY(-6px);border-color:rgba(240,189,99,.78);box-shadow:0 20px 60px rgba(0,0,0,.35)}
    .method-card:hover:before{opacity:1}
    .method-icon{height:58px;display:grid;place-items:center;margin-bottom:20px;position:relative;z-index:1}
    .method-icon svg{width:48px;height:48px;stroke:var(--gold);fill:none;stroke-width:1.55}
    .method-title{position:relative;z-index:1;font-family:Cinzel,serif;font-size:16px;font-weight:600;letter-spacing:.035em;text-transform:uppercase;color:#fff;margin-bottom:12px}
    .method-text{position:relative;z-index:1;color:#c7bcaa;font-size:14px;line-height:1.7}
    .more{position:absolute;right:16px;bottom:14px;color:var(--gold2);font-size:12px;letter-spacing:.1em;text-transform:uppercase}

    /* TRIPTYCH */
    .triptych{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(212,154,58,.32);border-bottom:1px solid rgba(212,154,58,.32)}
    .panel{padding:46px 42px;border-right:1px solid rgba(212,154,58,.32);background:linear-gradient(155deg,#141414,#0b0b0b)}
    .panel:last-child{border-right:0}
    .panel p{color:#cfc4b2;line-height:1.8;margin-top:14px}
    .flow{display:flex;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap}
    .flow-step{text-align:center;color:#d8cebd}
    .flow-step svg{width:31px;height:31px;stroke:var(--gold);fill:none;margin-bottom:5px}
    .arrow{color:var(--gold);opacity:.75}
    .usm-list{display:grid;gap:16px;margin-top:22px}
    .usm-row{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start}
    .usm-letter{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-family:Cinzel,serif;font-size:19px}
    .usm-row strong{display:block;color:#fff;font-size:13px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}
    .ticks{display:grid;gap:12px;margin-top:22px}
    .tick{display:flex;gap:12px;color:#cfc4b2}
    .tick:before{content:"✓";color:var(--gold2);border:1px solid var(--gold);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;flex:0 0 22px;font-size:12px}

    /* MUSIC */
    .music{display:grid;grid-template-columns:1.1fr 1.7fr 1fr;border-top:1px solid rgba(212,154,58,.32);border-bottom:1px solid rgba(212,154,58,.32)}
    .music > div{padding:44px 42px;border-right:1px solid rgba(212,154,58,.32)}
    .music > div:last-child{border-right:0}
    .music-chain{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
    .hex{width:82px;height:72px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:1px solid var(--gold);background:linear-gradient(145deg,#171717,#0c0c0c);display:grid;place-items:center;color:var(--gold2);font-family:Cinzel,serif;font-size:31px;position:relative}
    .hex-label{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-top:8px}
    blockquote{font-family:Cinzel,serif;font-size:20px;color:#d9d0c2;font-style:italic;line-height:1.7}
    blockquote:before{content:"“";color:var(--gold2);font-size:54px;line-height:0;vertical-align:-.35em}

    /* ABOUT */
    .about{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
    .quote-card{border:1px solid rgba(212,154,58,.3);background:linear-gradient(145deg,#181818,#0b0b0b);padding:42px;box-shadow:var(--shadow)}
    .quote-card p{font-family:Cinzel,serif;font-size:22px;color:#fff;line-height:1.7;font-style:italic;margin-bottom:18px}
    .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
    .stat{border:1px solid rgba(212,154,58,.25);padding:22px;text-align:center;background:#111}
    .stat strong{font-family:Cinzel,serif;color:var(--gold2);font-size:34px;display:block}
    .stat span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}

    /* MODAL */
    .modal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;z-index:100;padding:28px;backdrop-filter:blur(10px)}
    .modal.open{display:flex}
    .modal-card{width:min(820px,100%);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#171717,#090909);border:1px solid rgba(240,189,99,.48);box-shadow:0 40px 120px rgba(0,0,0,.78)}
    .modal-head{padding:30px 34px;border-bottom:1px solid rgba(212,154,58,.28);display:flex;justify-content:space-between;gap:18px;align-items:start}
    .modal-title{font-family:Cinzel,serif;font-size:28px;color:#fff;line-height:1.2}
    .modal-sub{color:var(--gold2);font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin-top:7px}
    .close{background:transparent;border:1px solid var(--gold);color:var(--gold2);font-size:22px;width:38px;height:38px;cursor:pointer}
    .modal-body{padding:32px 34px;color:#ddd2c1}
    .modal-body h4{font-family:Cinzel,serif;color:var(--gold2);font-size:16px;margin:22px 0 8px;text-transform:uppercase;letter-spacing:.08em}
    .modal-body ul{padding-left:20px;margin:10px 0 0}
    .modal-body li{margin:8px 0}
    .source-note{margin-top:26px;padding:18px;border:1px solid rgba(212,154,58,.22);background:rgba(212,154,58,.06);color:#bfb4a4;font-size:13px}

    /* FOOTER */
    footer{background:#050505;padding:44px 0;border-top:1px solid rgba(212,154,58,.32)}
    .footer-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:28px;align-items:center}
    footer img{width:150px}
    .contact-row{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;color:#d6ccbd;font-size:14px}
    .socials{display:flex;justify-content:flex-end;gap:14px}
    .soc{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2);border-radius:50%}

    @media(max-width:980px){
      .nav-inner{height:auto;padding:14px 0;align-items:flex-start}.nav-links{display:none}.brand img{width:112px}
      .hero{min-height:auto}.hero-content{grid-template-columns:1fr;padding:70px 0 52px}.hero-road{opacity:.35;width:100%;right:-25%;}
      .hero-values{grid-template-columns:repeat(2,1fr)}.hero-value:nth-child(2){border-right:0}.hero-value:nth-child(1),.hero-value:nth-child(2){border-bottom:1px solid rgba(212,154,58,.28)}
      .section-head,.about{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr}.triptych,.music,.footer-grid{grid-template-columns:1fr}.panel,.music>div{border-right:0;border-bottom:1px solid rgba(212,154,58,.32)}.socials{justify-content:center}
    }
    @media(max-width:620px){.container{width:min(100% - 34px,1180px)}h1{font-size:38px}.method-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.panel,.music>div{padding:34px 24px}}