/* assets/hero-warm-v1581/hero.css */
@font-face{font-family:GuulHero;src:url("/assets/hero-warm-v1581/nunito-sans-latin-400-normal.woff2") format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:GuulHero;src:url("/assets/hero-warm-v1581/nunito-sans-latin-900-normal.woff2") format('woff2');font-style:normal;font-weight:700 900;font-display:swap}

/* Only the Home hero uses these styles. Artwork has its own clip layer;
   the search form sits outside it and remains a normal HTML control. */
.g1581HeroShell{--hero-gutter:8px;--hero-bg:#fffdf7;--hero-ink:#18283c;--hero-muted:#727c85;--hero-card:#fffefb;position:relative;width:calc(100% + var(--hero-gutter) * 2);margin:0 calc(var(--hero-gutter) * -1) 14px;padding-bottom:20px;isolation:isolate;font-family:GuulHero,ui-sans-serif,system-ui,sans-serif;color:var(--hero-ink);container-type:inline-size}
.g1581HeroShell *{box-sizing:border-box}
.g1581Hero{position:relative;margin:0;padding:16px 16px 28px;background:var(--hero-bg);border-radius:0 0 24px 24px;color:var(--hero-ink)}
.g1581Top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px}
.g1581Brand{display:flex;align-items:center;gap:7px;min-width:0}
.g1581Brand>img{width:34px;height:34px;flex:0 0 34px;object-fit:contain}
.g1581Brand>span{display:grid;gap:4px;line-height:1}
.g1581Brand strong{font-size:14px;font-weight:900;letter-spacing:.015em;white-space:nowrap}
.g1581Brand small{color:#8a8a90;font-size:7.8px;font-weight:900;letter-spacing:.27em}
.g1581Tools{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.g1581HeroShell .g1581Tool{position:relative;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:12px;padding:6px;background:#fffefb;box-shadow:0 3px 13px #26334209;color:var(--hero-ink);cursor:pointer}
.g1581Tool>img{width:20px;height:20px;object-fit:contain}
.g1581HeroShell .g1581Theme{display:flex;width:55px;height:27px;justify-content:center;gap:8px;padding:5px 6px;border:1px solid #eeece4;border-radius:30px;box-shadow:0 2px 6px #26334206;background:#fbfaf5}
.g1581Theme>img{width:16px;height:16px;opacity:.45}
.g1581Theme .g1581Sun{opacity:1}
.g1581Notify i{position:absolute;right:0;top:0;display:grid;place-items:center;min-width:13px;height:13px;padding:0 3px;background:#ed6562;color:white;border:2px solid var(--hero-bg);border-radius:12px;font:900 8px/1 GuulHero,sans-serif;font-style:normal}
.g1581HeroShell .g1581Avatar{padding:0;border-radius:50%;background:#daf0e9;overflow:hidden;border:2px solid white;box-shadow:0 2px 7px #26334214}
.g1581Avatar>img{display:block;width:100%;height:100%;object-fit:cover}
.g1581Body{position:relative;display:flex;flex-direction:column;min-height:171px;margin-top:19px;padding-bottom:0}
.g1581Copy{position:relative;z-index:2;width:62%;min-width:0}
.g1581Copy h1{margin:0!important;color:var(--hero-ink)!important;font:900 23px/1.13 GuulHero,ui-sans-serif,sans-serif!important;letter-spacing:-.018em}
.g1581Copy h1>span,.g1581Name{display:block;max-width:100%;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important}
.g1581Wave{display:inline-block;font-size:.92em;font-weight:400;white-space:nowrap}
.g1581Copy p{max-width:205px;margin:12px 0 0;color:var(--hero-muted)!important;font:400 11px/1.5 GuulHero,ui-sans-serif,sans-serif}
.g1581Art{position:absolute;z-index:0;inset:-8px -15px 0 0;overflow:hidden;pointer-events:none}
.g1581Art>img{position:absolute;width:57%;height:auto;right:0;bottom:-1px;max-width:none;object-fit:contain;object-position:center bottom}
.g1581Meta{position:relative;z-index:2;display:grid;grid-template-columns:1.18fr 1fr;gap:7px;width:59%;margin-top:17px}
.g1581MetaCard{display:flex;align-items:center;gap:6px;min-width:0;min-height:45px;padding:7px 6px;background:var(--hero-card);border:1px solid #efeee6;border-radius:11px;box-shadow:0 5px 12px #26334208}
.g1581MetaCard>img{width:21px;height:21px;flex:0 0 21px;object-fit:contain}
.g1581MetaCard>span{display:grid;gap:3px;min-width:0}
.g1581MetaCard b{font-size:10px;font-weight:900;line-height:1.1;color:var(--hero-ink)}
.g1581MetaCard small{font-size:8px;line-height:1.15;color:var(--hero-muted);white-space:normal}
.g1581Search{position:relative;z-index:4;display:flex;align-items:center;gap:9px;height:44px;margin:-9px 16px 0;padding:0 13px;background:var(--hero-card);border:1px solid #e9e8e0;border-radius:25px;box-shadow:0 7px 18px #2737490d;color:var(--hero-ink)}
.g1581SearchIcon{width:20px;height:20px;flex:0 0 20px;object-fit:contain}
.g1581Search input{display:block;min-width:0;flex:1;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--hero-ink);font:400 12px/1.3 GuulHero,ui-sans-serif,sans-serif}
.g1581Search input::placeholder{color:#737e8a;opacity:1}
.g1581Filter{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:6px;border:0;border-radius:50%;background:transparent;cursor:pointer}
.g1581Filter>img{width:20px;height:20px}
.g1581HeroShell button:focus-visible{outline:3px solid #158f83;outline-offset:3px}
.g1581Search:focus-within{border-color:#269b8d;box-shadow:0 0 0 3px #269b8d20}

html[data-guul-comfort-resolved="dark"] .g1581HeroShell{--hero-bg:#192521;--hero-ink:#f4f3e9;--hero-muted:#c0c9c3;--hero-card:#23342e}
html[data-guul-comfort-resolved="dark"] .g1581Brand small{color:#c0c9c3}
html[data-guul-comfort-resolved="dark"] .g1581HeroShell .g1581Tool{background:#dceae2}
html[data-guul-comfort-resolved="dark"] .g1581HeroShell .g1581Theme{background:#23342e;border-color:#40534b}
html[data-guul-comfort-resolved="dark"] .g1581Theme .g1581Moon{opacity:1;filter:brightness(2)}
html[data-guul-comfort-resolved="dark"] .g1581Theme .g1581Sun{opacity:.4}
html[data-guul-comfort-resolved="dark"] :is(.g1581MetaCard,.g1581Search){border-color:#40534b}
html[data-guul-comfort-resolved="dark"] :is(.g1581SearchIcon,.g1581Filter>img){filter:brightness(3)}
html[data-guul-comfort-resolved="dark"] .g1581Search input::placeholder{color:#c0c9c3}

@media(max-width:359px){
 .g1581Hero{padding-inline:13px}.g1581Top{gap:5px}.g1581Brand{gap:5px}.g1581Brand>img{width:29px;height:29px;flex-basis:29px}.g1581Brand strong{font-size:12px}.g1581Brand small{font-size:6.9px}.g1581Tools{gap:5px}.g1581HeroShell .g1581Tool{width:31px;height:31px}.g1581HeroShell .g1581Theme{width:48px;height:26px;gap:6px}.g1581Copy h1{font-size:21px!important}.g1581Copy p{font-size:10px;max-width:177px}.g1581Meta{width:63%;gap:5px}.g1581MetaCard{gap:4px;padding:6px 4px}.g1581MetaCard>img{width:18px;height:18px;flex-basis:18px}.g1581MetaCard b{font-size:9px}.g1581MetaCard small{font-size:7.4px}.g1581Search{margin-inline:13px}.g1581Search input{font-size:11px}
}
/* Follow the existing Home gutters at each breakpoint. */
@media(max-width:350px){.g1581HeroShell{--hero-gutter:6px}}
@media(max-width:359px){.g1581Art{right:-12px}}
@media(min-width:768px){.g1581HeroShell{--hero-gutter:22px;margin-bottom:18px;padding-bottom:24px}}
@media(min-width:1024px){.g1581HeroShell{--hero-gutter:32px}}
@media(min-width:1440px){.g1581HeroShell{--hero-gutter:44px}}
@container(min-width:650px){
 .g1581Hero{padding:25px 35px 34px;border-radius:0 0 28px 28px}
 .g1581Top{min-height:48px}.g1581Brand{gap:11px}.g1581Brand>img{width:43px;height:43px;flex-basis:43px}.g1581Brand strong{font-size:21px}.g1581Brand small{font-size:9px}
 .g1581Tools{gap:11px}.g1581HeroShell .g1581Tool{width:43px;height:43px;padding:10px}.g1581HeroShell .g1581Theme{width:68px;height:31px;padding:5px 8px}.g1581Theme>img{width:19px;height:19px}.g1581HeroShell .g1581Avatar{padding:0}.g1581Tool>img{width:23px;height:23px}.g1581Avatar>img{width:100%;height:100%}
 .g1581Body{margin-top:32px;min-height:256px}.g1581Copy{width:53%;padding-top:7px}.g1581Copy h1{font-size:40px!important;line-height:1.13!important}.g1581Copy p{max-width:340px;font-size:15px;line-height:1.6;margin-top:16px}.g1581Meta{width:334px;gap:11px;margin-top:27px}.g1581MetaCard{min-height:57px;padding:10px 13px;gap:10px;border-radius:14px}.g1581MetaCard>img{width:27px;height:27px;flex-basis:27px}.g1581MetaCard b{font-size:14px}.g1581MetaCard small{font-size:10px}
 .g1581Art{inset:-25px 0 -7px 0}.g1581Art>img{width:44%;max-height:100%;right:0;bottom:0;object-fit:contain;object-position:right bottom}
 .g1581Search{height:53px;margin:-13px 35px 0;padding:0 20px;gap:12px}.g1581Search input{font-size:15px}.g1581SearchIcon{width:24px;height:24px;flex-basis:24px}.g1581Filter{width:38px;height:38px;flex-basis:38px}
}
@container(min-width:900px){.g1581Copy h1{font-size:44px!important}.g1581Body{min-height:272px}.g1581Art>img{width:42%}}
@media(prefers-reduced-motion:reduce){.g1581HeroShell *{scroll-behavior:auto;transition:none}}


/* assets/hero-mobile-head-fix-v1583.css */
/* GUULRAADRAAC v1583 - MOBILE HERO HEAD FIX ONLY
   Scope: mobile hero illustration only. Desktop and all lower sections remain unchanged. */
@media (max-width: 767px){
  .g1581Art{
    inset:-18px -10px 0 0 !important;
    overflow:hidden !important;
  }
  .g1581Art>img{
    width:54% !important;
    height:auto !important;
    max-width:none !important;
    right:-2% !important;
    bottom:-2px !important;
    transform:translateY(10px) !important;
    transform-origin:right bottom !important;
    object-fit:contain !important;
    object-position:right bottom !important;
  }
}
@media (max-width: 359px){
  .g1581Art{
    inset:-16px -8px 0 0 !important;
  }
  .g1581Art>img{
    width:52% !important;
    right:-1% !important;
    transform:translateY(11px) !important;
  }
}


/* assets/hero-mobile-art-edge-fix-v1583fix1.css */
/* GUULRAADRAAC v1583 FIX1 - MOBILE ART EDGE MICRO-FIX ONLY
   Scope: mobile hero illustration only. Desktop and all other UI remain unchanged. */
@media (max-width: 767px){
  .g1581Art>img{
    width:52% !important;
    right:0 !important;
    bottom:-2px !important;
    transform:translateY(10px) !important;
    transform-origin:right bottom !important;
    object-fit:contain !important;
    object-position:right bottom !important;
  }
}
@media (max-width: 359px){
  .g1581Art>img{
    width:50% !important;
    right:0 !important;
    transform:translateY(10px) !important;
  }
}


/* assets/hero-mobile-polish-v1585.css */
/* GUULRAADRAAC v1585 - MOBILE HERO ART FINAL MICRO-POLISH ONLY
   Scope: mobile illustration visibility only. Desktop unchanged. */
@media (max-width: 767px){
  .g1581Art{
    right:0 !important;
    overflow:visible !important;
  }
  .g1581Art>img{
    width:50% !important;
    right:4px !important;
    bottom:-1px !important;
    transform:translateY(8px) !important;
    transform-origin:right bottom !important;
    object-fit:contain !important;
    object-position:right bottom !important;
  }
}
@media (max-width: 359px){
  .g1581Art>img{
    width:48.5% !important;
    right:3px !important;
    transform:translateY(8px) !important;
  }
}


/* assets/avatar-picker-v1582.css */
/* GUULRAADRAAC v1582 - predefined avatar picker only. */
html.gAvatarPickerOpen,html.gAvatarPickerOpen body{overflow:hidden!important}
.gAvatarPickBackdrop{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;background:rgba(21,31,28,.58);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.gAvatarPickModal{width:min(560px,100%);max-height:min(760px,92dvh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(31,82,70,.12);border-radius:26px;background:#fffdf7;color:#18283c;box-shadow:0 28px 80px rgba(12,32,27,.28);font-family:GuulHero,ui-sans-serif,system-ui,sans-serif}
.gAvatarPickModal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 14px;background:linear-gradient(135deg,#f8f6ed,#eaf6f1)}
.gAvatarPickModal>header small{display:block;color:#16806e;font-size:10px;font-weight:900;letter-spacing:.12em}.gAvatarPickModal>header h2{margin:4px 0 5px;font-size:24px;line-height:1.1}.gAvatarPickModal>header p{margin:0;color:#6d7975;font-size:12px;line-height:1.5}
.gAvatarPickClose{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#27423a;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(26,66,56,.1)}
.gAvatarPickPreview{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;margin:14px 22px 4px;padding:12px;border:1px solid #e3ece7;border-radius:20px;background:#fbfcf8}.gAvatarPickPreviewPic{width:82px;height:82px;overflow:hidden;border-radius:50%;background:#edf5f1;box-shadow:inset 0 0 0 3px #fff,0 7px 20px rgba(25,80,67,.12)}.gAvatarPickPreviewPic img{display:block;width:100%;height:100%;object-fit:cover}.gAvatarPickPreview>div{display:grid;gap:3px}.gAvatarPickPreview small{color:#7c8984;font-size:9px;font-weight:900;letter-spacing:.08em}.gAvatarPickPreview b{font-size:17px}.gAvatarPickPreview span{color:#718079;font-size:11px}
.gAvatarPickBody{overflow:auto;padding:12px 22px 8px}.gAvatarPickSection+.gAvatarPickSection{margin-top:18px}.gAvatarPickLabel{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.gAvatarPickLabel b{font-size:13px}.gAvatarPickLabel small{color:#85908c;font-size:10px}.gAvatarPickGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.gAvatarPickCard{position:relative;aspect-ratio:1;border:2px solid transparent;border-radius:19px;padding:3px;background:#f3f7f4;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.gAvatarPickCard:hover{transform:translateY(-2px)}.gAvatarPickCard>span{display:block;width:100%;height:100%;overflow:hidden;border-radius:15px;background:#eef4f1}.gAvatarPickCard img{display:block;width:100%;height:100%;object-fit:cover}.gAvatarPickCard>i{position:absolute;right:-3px;top:-4px;display:none;place-items:center;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:#15977e;color:#fff;font:900 11px/1 system-ui;font-style:normal}.gAvatarPickCard.active{border-color:#15977e;box-shadow:0 7px 18px rgba(21,151,126,.18)}.gAvatarPickCard.active>i{display:grid}
.gAvatarPickModal>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px 20px;border-top:1px solid #edf0ea;background:#fffdf7}.gAvatarPickStatus{font-size:10px;color:#78857f;font-weight:800}.gAvatarPickStatus.ok{color:#137a65}.gAvatarPickStatus.warn{color:#9b6a16}.gAvatarPickStatus.err{color:#b6424e}.gAvatarPickSave{border:0;border-radius:15px;padding:12px 18px;background:linear-gradient(135deg,#087565,#1eb497);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(13,136,111,.2)}.gAvatarPickSave:disabled{opacity:.65;cursor:wait}
html[data-guul-comfort-resolved="dark"] .gAvatarPickModal,html[data-guul-comfort-resolved="dark"] .gAvatarPickModal>footer{background:#192521;color:#f4f3e9}html[data-guul-comfort-resolved="dark"] .gAvatarPickModal>header{background:linear-gradient(135deg,#22332d,#203d35)}html[data-guul-comfort-resolved="dark"] .gAvatarPickPreview{background:#22322c;border-color:#40534b}html[data-guul-comfort-resolved="dark"] .gAvatarPickCard{background:#263831}html[data-guul-comfort-resolved="dark"] .gAvatarPickClose{background:#2b4038;color:#f4f3e9}
@media(max-width:560px){.gAvatarPickBackdrop{padding:10px;align-items:end}.gAvatarPickModal{width:100%;max-height:88dvh;border-radius:24px 24px 18px 18px}.gAvatarPickModal>header{padding:18px 17px 12px}.gAvatarPickModal>header h2{font-size:21px}.gAvatarPickPreview{grid-template-columns:68px 1fr;margin:11px 17px 2px}.gAvatarPickPreviewPic{width:68px;height:68px}.gAvatarPickBody{padding:11px 17px 7px}.gAvatarPickGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.gAvatarPickCard{border-radius:15px}.gAvatarPickCard>span{border-radius:12px}.gAvatarPickModal>footer{padding:12px 17px 17px}.gAvatarPickStatus{max-width:48%;font-size:9px}.gAvatarPickSave{padding:11px 15px}}
@media(max-width:360px){.gAvatarPickGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}