:root{--bg:#04141b;--panel:#071c26;--text:#f4f7f8;--muted:#b3c1c9;--cyan:#42cde9;--line:#18343f;--max:1304px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.48 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}.wrap{width:min(var(--max),calc(100% - 144px));margin:auto}.skip{position:absolute;top:-80px;left:20px;z-index:100;background:var(--panel);padding:12px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.nav{height:56px;background:rgba(3,14,21,.88);position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid var(--line)}.nav .wrap{height:100%;display:flex;align-items:center;gap:44px}.brand{text-decoration:none;font-size:20px;font-weight:800;letter-spacing:.4em;margin-right:8px}.navlinks{display:flex;align-items:center;gap:34px}.navlinks a,.more summary{text-decoration:none;font-weight:550;font-size:15px}.navlinks a:hover{color:var(--cyan)}.more{position:relative}.more summary{cursor:pointer}.more>div{position:absolute;top:32px;left:-15px;background:#071c26;border:1px solid var(--line);border-radius:8px;min-width:180px;padding:12px;display:grid;gap:12px}.hero{min-height:650px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,13,20,.92) 0%,rgba(3,13,20,.68) 38%,rgba(3,13,20,.16) 76%),linear-gradient(180deg,transparent 62%,var(--bg) 100%),url('/assets/maimyra/maimyra-hero.jpg') center/cover no-repeat}.hero-inner{padding-top:12px;padding-bottom:70px;position:relative;z-index:2}.ey{color:var(--cyan);font-size:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin:0 0 10px}.hero h1{font-size:clamp(58px,6.3vw,96px);line-height:.98;letter-spacing:-.04em;margin:0 0 10px}.hero h1 span{color:var(--cyan)}.hero h2{font-size:36px;line-height:1.2;margin:0 0 14px;letter-spacing:-.025em}.lead{max-width:465px;color:#dbe5e9;font-size:18px;line-height:1.5;margin:0}.actions{display:flex;gap:14px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 24px;border:1px solid #338697;border-radius:16px;text-decoration:none;font-size:16px;font-weight:650;background:transparent;min-height:46px}.btn:hover{background:#123140}.btn.primary{background:var(--cyan);color:#03151c;border-color:var(--cyan)}.btn.primary:hover{background:#77def0}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-top:-86px;position:relative;z-index:4}.stat{min-height:126px;padding:18px 24px;background:rgba(4,23,32,.96);border:1px solid var(--line);border-radius:18px}.stat b{display:block;font-size:21px;line-height:1.2;margin:4px 0}.stat span{color:var(--muted);font-size:15px}.ui-icon{width:30px;height:30px;display:block;filter:invert(89%) sepia(13%) saturate(488%) hue-rotate(154deg) brightness(88%)}.section{padding:24px 0;border-bottom:1px solid var(--line)}.section h2{font-size:44px;line-height:1.1;letter-spacing:-.025em;margin:0 0 16px}.copy{color:#cbd8de;margin:0 0 20px;line-height:1.48}.about{display:grid;grid-template-columns:.85fr 1.55fr;gap:46px;align-items:center}.gallery{display:grid;grid-template-columns:1.8fr 1fr;grid-template-rows:184px 184px;gap:18px}.photo{padding:0;margin:0;overflow:hidden;border-radius:18px;border:1px solid #385967;background:var(--panel);display:block}.photo:first-child{grid-row:1/3}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo:hover{border-color:var(--cyan)}.image-note{font-size:12px;color:var(--muted);text-align:right;margin:8px 0 -16px}.timeline-title{margin-bottom:22px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;text-align:center}.moment{padding:0 12px}.moment .ui-icon{margin:0 auto 14px;filter:invert(76%) sepia(62%) saturate(542%) hue-rotate(149deg)}.moment b{color:var(--cyan);font-size:18px}.moment p{color:var(--muted);font-size:18px;margin:4px 0;line-height:1.3}.location{display:grid;grid-template-columns:1.06fr 1fr;gap:48px;align-items:center}.location .photo{height:302px}.location h2{max-width:440px}.tech-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:18px;text-align:center}.tech{padding:0 4px}.tech .ui-icon{margin:0 auto 12px}.tech b,.tech small{display:block;font-size:16px;font-weight:400;color:#cad6dd;line-height:1.35}.section .tech-title{font-size:34px;margin-bottom:22px}.docs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.doc{padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:#061b25;display:flex;gap:20px;align-items:flex-start;min-height:140px}.pdf-icon{width:44px;height:58px;filter:invert(28%) sepia(87%) saturate(2351%) hue-rotate(338deg) brightness(102%)}.doc-copy{flex:1}.doc h3{font-size:18px;margin:0 0 4px}.doc p{color:var(--muted);font-size:14px;line-height:1.35;margin:0 0 10px}.doc .btn{font-size:15px;border-radius:10px;min-height:38px;padding:6px 18px}.private{border-color:#547381}.private h3{color:var(--cyan);font-size:16px;font-weight:500}.private .ui-icon{flex:none;width:36px;height:36px}.note{font-size:13px;color:var(--muted);margin:14px 0 0}footer{padding:24px 0;color:var(--muted);display:flex;justify-content:space-between;font-size:13px}.navlinks a[style]{border-bottom:2px solid var(--cyan);padding:17px 0}dialog{color:var(--text);background:#081b25;border:1px solid #426575;border-radius:18px;width:min(1100px,calc(100% - 32px));padding:24px;max-height:calc(100dvh - 32px)}dialog::backdrop{background:rgba(0,8,15,.9)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dialog-bar h2{font-size:22px;margin:0}dialog button{background:#123441;border:1px solid #426575;border-radius:8px;padding:10px 16px}#gallery-image{display:block;width:100%;height:min(65dvh,660px);object-fit:contain;background:#031017}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.gallery-controls p{text-align:center;font-size:15px;margin:0;color:var(--muted)}#area-dialog{max-width:650px}#area-dialog p{color:var(--muted)}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav .wrap{gap:24px}.navlinks{gap:24px}.stats{gap:12px}.stat{padding:16px}.stat b{font-size:18px}.section h2{font-size:34px}.about{gap:26px}.gallery{grid-template-rows:145px 145px}.copy{font-size:16px}.moment p{font-size:16px}.location{gap:32px}.location .photo{height:270px}.doc{padding:16px;gap:12px}.tech-grid{gap:8px}.tech b,.tech small{font-size:14px}}
@media(max-width:760px){body{font-size:16px}.wrap{width:calc(100% - 36px)}.nav{height:62px}.nav .wrap{justify-content:space-between;gap:12px}.brand{font-size:18px}.navlinks{gap:18px}.navlinks>a{display:none}.navlinks>a[href='#top']{display:block;font-size:13px;padding:20px 0}.more summary{font-size:14px}.more>div{left:auto;right:0}.hero{min-height:530px;background-position:58% center}.hero-inner{padding-top:58px;padding-bottom:65px}.hero h1{font-size:clamp(42px,10vw,68px)}.hero h2{font-size:26px}.ey{font-size:11px}.lead{font-size:16px;max-width:380px}.btn{font-size:14px;padding:10px 18px;border-radius:12px}.actions{gap:10px;margin-top:20px}.stats{grid-template-columns:repeat(3,1fr);margin-top:-52px;gap:10px}.stat{min-height:106px;padding:12px}.stat b{font-size:16px}.stat span{font-size:12px}.stat .ui-icon{width:24px;height:24px}.section{padding:30px 0}.about,.location{grid-template-columns:1fr;gap:22px}.section h2{font-size:30px;max-width:400px}.gallery{grid-template-columns:1.5fr 1fr;grid-template-rows:110px 110px;gap:10px}.photo{border-radius:12px}.image-note{text-align:left;margin-bottom:0}.timeline{grid-template-columns:1fr;text-align:left;gap:20px}.moment{display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding:0}.moment .ui-icon{grid-row:1/3;margin:0;width:26px;height:26px}.moment b{font-size:16px}.moment p{margin:4px 0 0;font-size:15px}.moment br{display:none}.location .photo{height:220px}.tech-grid{grid-template-columns:repeat(4,1fr);gap:22px 10px}.section .tech-title{font-size:27px}.tech b,.tech small{font-size:12px}.tech .ui-icon{width:26px;height:26px}.docs{grid-template-columns:1fr}.doc{min-height:110px;padding:18px}.doc h3{font-size:17px}.doc p{font-size:14px}.pdf-icon{width:38px;height:45px}.note{font-size:12px}footer{gap:16px;font-size:12px}.dialog-bar h2{font-size:17px}dialog{padding:16px}.gallery-controls{gap:8px}.gallery-controls p{font-size:12px}.gallery-controls button{padding:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:761px){#boligen{padding-top:64px}.hero-inner{padding-left:28px}.hero h2{font-weight:650}.location .photo{height:302px}}

/* Technology labels need room to wrap on small phones. */
.tech-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.tech{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.tech-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){.tech-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
