@font-face{font-family:Fraunces;src:url('../fonts/fraunces-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Cormorant;src:url('../fonts/cormorantgaramond-light-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Madefor;src:url('../fonts/wix-madefor-text-v2-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}
#albrektson-site{--paper:#f7f5f0;--green:#889577;--green-deep:#4f5c40;--ink:#1e2929;--line:#d1cdbf;--muted:#4c5651;background:var(--paper);color:var(--ink);font-family:Madefor,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
#albrektson-site *{box-sizing:border-box}
#albrektson-site a{color:inherit;text-decoration:none}
#albrektson-site a:focus-visible{outline:2px solid currentColor;outline-offset:7px}
#albrektson-site .wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}
#albrektson-site .header{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
#albrektson-site .brand{position:relative;display:block;width:330px;aspect-ratio:8;overflow:hidden;flex-shrink:1}
#albrektson-site .brand img{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-56%)}
#albrektson-site .contact-link{display:flex;align-items:center;gap:25px;min-height:44px;font-size:12px;letter-spacing:.15em}
#albrektson-site .contact-link span{font-size:22px;transition:transform .2s}
#albrektson-site .contact-link:hover span{transform:translate(3px,-3px)}
#albrektson-site .hero{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(32px,5vw,80px);padding-block:48px 0;align-items:stretch}
#albrektson-site .hero-copy{display:flex;flex-direction:column;justify-content:center;padding-block:28px 40px}
#albrektson-site h1{font-family:Fraunces,Georgia,serif;font-size:clamp(34px,3.45vw,54px);font-weight:400;line-height:1.18;letter-spacing:-.035em;margin:0;text-wrap:pretty}
#albrektson-site h1 em{font-style:normal;color:var(--green-deep)}
#albrektson-site .hero-rule{display:block;width:64px;height:1px;background:var(--green);margin-top:40px}
#albrektson-site .hero-image{margin:0;min-height:600px;position:relative;background:#d1cdbf;overflow:hidden}
#albrektson-site .hero-image picture{display:block;width:100%;height:100%}
#albrektson-site .hero-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:68% center}
#albrektson-site .story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,8vw,140px);padding-block:105px 112px;align-items:start}
#albrektson-site .story-lead{font-family:Cormorant,Georgia,serif;font-size:clamp(31px,3vw,43px);line-height:1.22;margin:0;color:var(--green-deep);max-width:22ch}
#albrektson-site .story-detail{max-width:48ch;padding-top:5px;color:var(--muted);font-size:17px;line-height:1.85}
#albrektson-site .story-detail p{margin:0 0 24px}
#albrektson-site .story-detail p:last-child{margin-bottom:0}
#albrektson-site .contact{background:var(--green);color:#20271b}
#albrektson-site .contact-inner{padding-block:64px 70px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,140px);align-items:center}
#albrektson-site .contact h2{font-size:12px;letter-spacing:.18em;font-weight:400;margin:0 0 23px}
#albrektson-site .contact-copy p{font-family:Cormorant,Georgia,serif;font-size:26px;line-height:1.4;max-width:35ch;margin:0}
#albrektson-site .email{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--green-deep);padding-block:17px;font-size:clamp(17px,1.8vw,25px);min-height:60px}
#albrektson-site .email>span:first-child{overflow-wrap:anywhere}
#albrektson-site .email-arrow{font-size:30px;transition:transform .2s}
#albrektson-site .email:hover .email-arrow{transform:translate(3px,-3px)}
#albrektson-site .footer{padding-block:40px 25px}
#albrektson-site .footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center}
#albrektson-site .site-address{font-family:Fraunces,Georgia,serif;font-size:17px;overflow-wrap:anywhere;min-height:44px;display:flex;align-items:center}
#albrektson-site .legal{display:flex;gap:26px;font-size:12px;color:var(--muted);flex-wrap:wrap}
#albrektson-site .copyright{font-size:11px;color:var(--muted);margin:27px 0 0;padding-top:22px;border-top:1px solid var(--line)}
@media(min-width:1700px){#albrektson-site .hero-image{min-height:680px}}
@media(max-width:1000px){#albrektson-site .wrap{width:calc(100% - 64px)}#albrektson-site .hero{gap:32px}#albrektson-site .hero-image{min-height:560px}#albrektson-site h1{font-size:38px}#albrektson-site .story,#albrektson-site .contact-inner{gap:40px}#albrektson-site .email{font-size:17px}}
@media(max-width:760px){#albrektson-site .wrap{width:calc(100% - 40px)}#albrektson-site .header{min-height:94px;gap:18px}#albrektson-site .brand{width:265px}#albrektson-site .contact-link{font-size:10px;letter-spacing:.1em;gap:10px}#albrektson-site .hero{grid-template-columns:1fr;padding-top:35px;gap:32px}#albrektson-site .hero-copy{padding:0}#albrektson-site h1{font-size:clamp(33px,6.2vw,46px);max-width:23ch;line-height:1.18}#albrektson-site .hero-rule{margin-top:28px;width:48px}#albrektson-site .hero-image{min-height:0;height:auto;aspect-ratio:1.3}#albrektson-site .hero-image img{object-position:65% center}#albrektson-site .story{grid-template-columns:1fr;gap:32px;padding-block:52px 60px}#albrektson-site .story-lead{font-size:34px;max-width:26ch}#albrektson-site .story-detail{font-size:16px;max-width:52ch;padding:0}#albrektson-site .contact-inner{grid-template-columns:1fr;gap:24px;padding-block:43px 46px}#albrektson-site .contact-copy p{font-size:26px;max-width:38ch}#albrektson-site .email{font-size:clamp(16px,3.8vw,23px)}#albrektson-site .footer{padding-block:27px 24px}#albrektson-site .footer-top{align-items:flex-start;flex-direction:column;gap:13px}#albrektson-site .legal{gap:24px}#albrektson-site .copyright{font-size:11px;line-height:1.7;margin-top:24px}}
@media(max-width:380px){#albrektson-site .brand{width:210px}#albrektson-site .contact-link{gap:5px}#albrektson-site .contact-link span{font-size:18px}#albrektson-site h1{font-size:31px}#albrektson-site .story-lead{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#albrektson-site *{transition:none!important}}

#albrektson-site .brand img{filter:brightness(0) invert(1)}