/*
Theme Name: Húsameistari V1
Theme URI: https://husa.hbo.is/
Author: HBO
Description: Létt, sérsniðið portfolio-þema fyrir Húsameistara.
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: husameistari
*/

:root{--ink:#151713;--paper:#f3f1eb;--warm:#ded8cc;--line:rgba(21,23,19,.18);--accent:#a3492f;--white:#fff;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:Inter,"Helvetica Neue",Arial,sans-serif;--pad:clamp(1.25rem,4vw,4.5rem);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:#fff}.skip-link{position:fixed;z-index:999;top:1rem;left:1rem;padding:.75rem 1rem;background:#fff;transform:translateY(-200%)}.skip-link:focus{transform:none}.wrap{width:min(100%,1600px);margin:auto;padding-inline:var(--pad)}.eyebrow{font-size:.69rem;letter-spacing:.19em;text-transform:uppercase;font-weight:650}.display{font:400 clamp(3rem,7vw,7.6rem)/.92 var(--serif);letter-spacing:-.045em;margin:0}.section-title{font:400 clamp(2.4rem,5vw,5.8rem)/.98 var(--serif);letter-spacing:-.04em;margin:0}.lede{font:400 clamp(1.35rem,2.25vw,2.35rem)/1.35 var(--serif);max-width:31ch}.button{display:inline-flex;align-items:center;gap:1rem;border:1px solid currentColor;padding:.85rem 1.1rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;transition:background .3s,color .3s}.button:hover,.button:focus-visible{background:var(--ink);color:var(--paper)}.button-arrow:after{content:"↗";font-size:1rem}.rule{border:0;border-top:1px solid var(--line);margin:0}
.site-header{position:absolute;z-index:20;inset:0 0 auto;color:#fff;padding:1.65rem 0}.header-row{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.8rem;font-size:.95rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.brand-logo{width:2rem;height:2rem;object-fit:contain}.site-nav{display:flex;align-items:center;gap:clamp(1.25rem,2.5vw,3.25rem);font-size:.73rem;letter-spacing:.12em;text-transform:uppercase}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:1px;background:currentColor;transition:right .4s var(--ease)}.site-nav a:hover:after{right:0}.menu-toggle{display:none;color:inherit;background:none;border:0;padding:.5rem}.menu-toggle span{display:block;width:1.6rem;height:1px;background:currentColor;margin:.35rem}
.hero{min-height:100svh;color:#fff;position:relative;display:flex;align-items:flex-end;background:#202520}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-media img{height:100%;object-fit:cover;object-position:center;animation:hero-in 1.8s var(--ease) both}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,13,.72) 0%,rgba(8,12,13,.28) 45%,rgba(8,12,13,.12)),linear-gradient(0deg,rgba(8,12,13,.48),transparent 55%)}.hero-content{position:relative;z-index:2;width:100%;padding-top:9rem;padding-bottom:clamp(3rem,7vh,6rem)}.hero-copy{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;align-items:end}.hero .display{max-width:10ch}.hero-side{max-width:25rem;margin-left:auto}.hero-side p{margin:0 0 2rem;font-size:1.02rem}.hero-meta{margin-top:clamp(3rem,10vh,8rem);display:flex;justify-content:space-between;align-items:end}.scroll-label{display:flex;align-items:center;gap:.8rem}.scroll-label:before{content:"";width:2.8rem;height:1px;background:currentColor}@keyframes hero-in{from{transform:scale(1.06);opacity:.6}to{transform:scale(1);opacity:1}}
.trust{background:var(--ink);color:var(--paper);padding:2.4rem 0}.trust-row{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:2rem;align-items:center}.award{display:flex;align-items:center;gap:1.25rem}.award-seal{width:2.7rem;height:2.7rem;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font:italic 1.2rem var(--serif)}.award strong{display:block;font:400 1.12rem/1.25 var(--serif)}.award small{opacity:.6;letter-spacing:.08em;text-transform:uppercase}
.intro{padding:clamp(6rem,12vw,12rem) 0}.intro-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:4rem}.intro-copy{max-width:62rem}.intro-copy .lede{margin:0}.intro-note{margin-top:3rem;max-width:38rem;color:#4c4f48}.services{padding:0 0 clamp(6rem,11vw,11rem)}.service-list{margin-top:4rem;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:.18fr .62fr .2fr;align-items:center;padding:1.75rem 0;border-bottom:1px solid var(--line);transition:padding .35s var(--ease)}.service:hover{padding-left:1rem}.service-index{font-size:.7rem;opacity:.55}.service-name{font:400 clamp(1.5rem,2.6vw,2.8rem)/1.1 var(--serif)}.service-copy{font-size:.88rem;color:#55584f}
.projects{padding:clamp(5rem,9vw,9rem) 0;background:#dad6cd}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:4rem}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1.25rem,2.5vw,2.6rem)}.project-card{grid-column:span 7;margin-bottom:3rem}.project-card:nth-child(2n){grid-column:6/span 7;margin-top:9rem}.project-image{aspect-ratio:1.38;overflow:hidden;background:#bcb8af}.project-image img{height:100%;object-fit:cover;transition:transform .8s var(--ease)}.project-card:hover img{transform:scale(1.025)}.project-info{display:flex;justify-content:space-between;gap:2rem;padding-top:1rem;border-top:1px solid var(--line);margin-top:.8rem}.project-title{font:400 clamp(1.35rem,2vw,2rem)/1.2 var(--serif)}.project-meta{text-align:right;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#5e6159}.placeholder-a{background:linear-gradient(135deg,#b2afa5,#6f756e)}.placeholder-b{background:linear-gradient(145deg,#282c29,#99978f)}.placeholder-c{background:linear-gradient(135deg,#847b6b,#cbc6ba)}
.about{padding:clamp(7rem,12vw,13rem) 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,10rem);align-items:center}.about-visual{aspect-ratio:.8;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,4rem)}.about-visual .number{font:400 clamp(6rem,14vw,14rem)/.75 var(--serif);letter-spacing:-.08em}.about-visual p{max-width:24rem}.principles{padding:clamp(6rem,10vw,10rem) 0;border-top:1px solid var(--line)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:4rem}.principle{padding-top:1.25rem;border-top:1px solid var(--ink)}.principle h3{font:400 1.65rem var(--serif);margin:.5rem 0 1rem}.principle p{color:#55584f;font-size:.93rem}.cta{background:var(--accent);color:#fff;padding:clamp(5rem,10vw,10rem) 0}.cta-row{display:flex;align-items:end;justify-content:space-between;gap:3rem}.cta .section-title{max-width:13ch}.cta .button:hover{background:#fff;color:var(--accent)}
.site-footer{background:#111310;color:#eae7df;padding:4.5rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1.2fr .55fr .55fr;gap:3rem}.footer-brand{font:400 clamp(2.5rem,5vw,5rem)/1 var(--serif)}.footer-col h3{font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:#898c83;margin:0 0 1.25rem}.footer-col a,.footer-col span{display:block;margin:.45rem 0}.footer-col .muted{color:#898c83;font-size:.82rem}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.16);padding-top:1.5rem;margin-top:5rem;color:#898c83;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.case-hero{padding:11rem var(--pad) 4rem;background:var(--ink);color:#fff}.case-head{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:3rem}.case-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.8rem}.case-meta div{border-top:1px solid rgba(255,255,255,.3);padding-top:.7rem}.case-content{max-width:1200px;margin:auto;padding:clamp(4rem,8vw,8rem) var(--pad)}.case-content>p:first-child{font:400 clamp(1.5rem,2.8vw,2.8rem)/1.35 var(--serif);max-width:30ch}.case-content img{margin:4rem 0}.archive-main{padding:10rem var(--pad) 8rem}.archive-grid{margin-top:5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem 2rem}
.contact-hero{background:var(--ink);color:#fff;padding:clamp(10rem,17vw,15rem) 0 clamp(4rem,7vw,7rem)}.contact-hero .display{max-width:11ch}.contact-hero p{max-width:38rem;margin:2rem 0 0;color:#c7c9c2}.contact-page{padding:clamp(5rem,10vw,10rem) 0}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(4rem,9vw,10rem)}.contact-form{display:grid;gap:1rem;margin-top:2.5rem}.contact-form label{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);padding:1rem 0;font:400 1.1rem/1.5 var(--sans)}.contact-form textarea{min-height:10rem;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--accent)}.contact-form .button{justify-self:start;background:transparent;cursor:pointer;margin-top:1rem}.contact-form .hp{position:absolute;left:-9999px}.form-status{padding:1rem 1.25rem;margin:0 0 2rem;border:1px solid var(--line)}.form-status.success{border-color:#537356}.form-status.error{border-color:var(--accent)}.contact-details{padding-top:2.5rem}.contact-item{display:grid;grid-template-columns:3.2rem 1fr;gap:1.25rem;padding:1.6rem 0;border-top:1px solid var(--line)}.contact-icon{width:3.2rem;height:3.2rem;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent)}.contact-item small{display:block;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:#66695f;margin-bottom:.25rem}.contact-item strong,.contact-item a{font:400 1.35rem var(--serif)}.contact-social{display:inline-flex!important;margin-top:2rem!important}
.editorial-hero{background:var(--ink);color:#fff;padding:clamp(10rem,17vw,15rem) 0 clamp(4rem,8vw,8rem)}.editorial-hero .display{max-width:12ch}.editorial-hero .lede{margin:2rem 0 0;color:#c7c9c2}.editorial-body{padding:clamp(5rem,10vw,10rem) 0}.editorial-intro{display:grid;grid-template-columns:.55fr 1.45fr;gap:4rem;margin-bottom:clamp(5rem,10vw,10rem)}.editorial-intro .lede{margin:0;max-width:38ch}.policy-list{counter-reset:policy;border-top:1px solid var(--line)}.policy-item{counter-increment:policy;display:grid;grid-template-columns:.25fr .65fr 1.1fr;gap:2rem;padding:clamp(2rem,4vw,4rem) 0;border-bottom:1px solid var(--line)}.policy-item:before{content:"0" counter(policy);font-size:.68rem;letter-spacing:.14em;color:#6a6d63}.policy-item h2{font:400 clamp(1.6rem,2.7vw,2.8rem)/1.15 var(--serif);margin:0}.policy-item p{margin:0;color:#50534b}.service-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:4rem}.service-feature{background:var(--paper);padding:clamp(1.5rem,3vw,3rem);min-height:26rem;display:flex;flex-direction:column}.service-feature .index{font-size:.68rem;letter-spacing:.14em;color:#6a6d63}.service-feature h2{font:400 clamp(1.7rem,2.5vw,2.6rem)/1.1 var(--serif);margin:auto 0 1.5rem}.service-feature p,.service-feature ul{color:#50534b}.service-feature ul{padding-left:1.1rem}.editorial-cta{margin-top:clamp(4rem,8vw,8rem);display:flex;justify-content:space-between;align-items:end;gap:2rem;padding-top:2rem;border-top:1px solid var(--line)}
.reveal{opacity:0;transform:translateY(2rem);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:800px){.site-header{padding:1.1rem 0}.site-nav{position:fixed;inset:0;background:var(--ink);display:flex;flex-direction:column;justify-content:center;font:400 2rem var(--serif);transform:translateY(-101%);transition:transform .55s var(--ease)}.menu-open .site-nav{transform:none}.menu-toggle{display:block;position:relative;z-index:2}.hero-copy,.intro-grid,.about-grid,.case-head,.contact-grid,.editorial-intro,.policy-item{grid-template-columns:1fr}.hero-side{margin:2rem 0 0}.hero-meta{margin-top:5rem}.trust-row{grid-template-columns:1fr;gap:1.5rem}.trust-label{margin-bottom:.5rem}.service{grid-template-columns:.15fr .85fr}.service-copy{grid-column:2;margin-top:.65rem}.project-card,.project-card:nth-child(2n){grid-column:1/-1;margin:0 0 3rem}.project-card:nth-child(2n){margin-left:10%}.section-head,.cta-row,.editorial-cta{align-items:start;flex-direction:column}.principle-grid,.service-feature-grid{grid-template-columns:1fr}.service-feature{min-height:20rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.archive-grid{grid-template-columns:1fr}.case-meta{margin-top:1rem}.contact-details{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}