@font-face{font-family:Geist;src:url("./assets/fonts/geist-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Geist,"Helvetica Neue",Arial,sans-serif;color:#232323;background:#c9d0c9;font-synthesis:none;font-size:16px;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid #805e40;outline-offset:5px}button:disabled{cursor:default}svg{width:20px;height:20px;flex-shrink:0}button svg{display:block}button:active{transform:translateY(1px)}[hidden]{display:none!important}::selection{background:#dcc4a5}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#b1b4aa;border-radius:5px}
.hero{position:relative;min-height:700px;height:100svh;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#ced1c8}.landscape{width:100%;height:100%;object-fit:cover;object-position:center 58%;transform:scale(1.045)}.scene-light{position:absolute;inset:0;background:linear-gradient(180deg,rgba(246,244,234,.16),rgba(244,240,227,.08) 42%,transparent 64%,rgba(16,28,21,.32));pointer-events:none}.header{position:relative;padding:27px 24px 0;z-index:10}.navigation{display:flex;align-items:center;justify-content:space-between;gap:35px;width:min(650px,100%);min-height:57px;margin:auto;padding:7px 8px 7px 21px;border:1px solid #fff9;border-radius:100px;background:rgba(255,255,251,.87);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:620;letter-spacing:-1.25px}.brand svg{color:#96734f;width:28px;height:28px}.nav-links{display:flex;align-items:center;gap:27px;font-size:14px;color:#65655f}.nav-links a,.nav-links button{background:transparent;padding:8px 0;transition:color .2s}.nav-links .active,.nav-links button:hover{color:#232323}.nav-explore{display:flex;align-items:center;gap:20px;padding:12px 21px;border-radius:100px;background:#242426;color:#f9f8f3;font-size:14px;transition:background .2s}.nav-explore:hover{background:#454540}.hero-content{position:absolute;z-index:3;top:20%;width:100%;padding:0 24px;text-align:center;transition:opacity .5s,transform .7s;pointer-events:none}.hero-content button{pointer-events:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #fff6;padding:8px 13px;border-radius:100px;background:#f9f7f263;backdrop-filter:blur(8px);font-size:11px;letter-spacing:1.4px;font-weight:500}.status-dot{height:5px;width:5px;border-radius:50%;background:#97846c}h1{font-size:clamp(46px,5.4vw,85px);line-height:1.08;letter-spacing:-.06em;font-weight:550;margin:22px 0 18px}.hero-content p{font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:#42443f;margin:0}.hero-actions{display:flex;align-items:center;justify-content:center;gap:27px;margin-top:28px}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:23px;border:1px solid #fff8;background:#fffef7;border-radius:100px;padding:15px 22px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.button-primary:hover{background:#ede9dc;transform:translateY(-2px)}.button-text{display:flex;align-items:center;gap:9px;background:transparent;font-size:14px;padding:12px 0;color:#30332d}.button-text:hover{color:#806242}.play-icon{display:block;width:29px;height:29px;flex-shrink:0;transition:color .2s}.character{position:absolute;left:50%;top:var(--portrait-top,53%);z-index:2;height:var(--portrait-size,157vh);aspect-ratio:941/1672;transform:translateX(-50%);pointer-events:none}.character-body{position:relative;height:100%;width:100%}.sheep{display:block;height:100%;width:100%;user-select:none;pointer-events:none}.gaze-eye{position:absolute;overflow:hidden;border-radius:50%;--look-x:0px;--look-y:0px}.eye-left{left:39.35%;top:5.65%;width:9.45%;height:5.8%}.eye-right{left:52.05%;top:5.65%;width:9.45%;height:5.8%}.iris{position:absolute;left:50%;top:50%;width:56%;aspect-ratio:1;border-radius:50%;border:1px solid #432d25;background:radial-gradient(circle at 50% 48%,#14121a 0 43%,#32212a 45%,transparent 47%),radial-gradient(ellipse at 35% 20%,#9f786355 0,transparent 55%),radial-gradient(ellipse at 50% 78%,#d9b178 0,#bc8852 35%,#8e5d38 61%,#52352c 83%,#271c20 100%);transform:translate(calc(-50% + var(--look-x)),calc(-50% + var(--look-y)));will-change:transform}.iris::before{content:"";position:absolute;left:19%;top:13%;width:27%;height:31%;border-radius:50%;background:linear-gradient(145deg,#fff 5%,#fffef4ec 65%,#fff9df70);transform:rotate(-22deg)}.iris::after{content:"";position:absolute;right:17%;bottom:21%;width:11%;height:11%;border-radius:50%;background:#fff5e9b8}.character-greeting{position:absolute;z-index:2;top:var(--greeting-top,51%);left:var(--greeting-left,36%);font-size:13px;line-height:20px;color:#fdf9e9;text-shadow:0 1px 8px #18211750;pointer-events:none;transition:opacity .5s}.character-greeting span{display:block;transform:rotate(-6deg);transform-origin:left center}.character-greeting svg{display:block;width:64px;height:40px;margin:5px 0 0}.hero-footer{position:absolute;z-index:4;bottom:30px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#f9f9ef}.scene-caption{display:flex;align-items:center;gap:13px;min-width:230px}.sun-icon{font-size:32px;font-weight:300;line-height:1;opacity:.85}.scene-caption div{display:flex;flex-direction:column;gap:6px}.scene-caption div span:first-child{font-size:10px;letter-spacing:1.9px;font-weight:500}.scene-caption div span:last-child{font-size:13px;opacity:.8}.motion-controls{display:flex;gap:12px;align-items:center;justify-content:flex-end;min-width:230px}.motion-label{font-size:12px;color:#fffdf2a6}.icon-button{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid #ffffff38;background:#ffffff0e;backdrop-filter:blur(10px);color:inherit;transition:background .2s}.icon-button:hover{background:#ffffff26}.tooltip{position:relative}.tooltip::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 11px);right:0;white-space:nowrap;font-size:12px;background:#27272a;color:#fafafa;padding:8px 11px;border-radius:7px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s,transform .2s}.tooltip:hover::after,.tooltip:focus-visible::after{opacity:1;transform:translateY(0)}.resume-symbol{display:none}.is-paused .pause-symbol{display:none}.is-paused .resume-symbol{display:block}.exit-explore{position:absolute;z-index:5;top:116px;left:50%;transform:translateX(-50%);display:flex;gap:24px;align-items:center;background:#faf9efdb;border:1px solid #fff6;padding:12px 20px;border-radius:100px;font-size:14px;backdrop-filter:blur(10px)}.exit-explore:active{transform:translateX(-50%) translateY(1px)}.is-exploring .hero-content{opacity:0;transform:translateY(-15px);visibility:hidden}.is-exploring .character-greeting{opacity:0}.is-exploring .scene-light{background:linear-gradient(180deg,transparent 60%,#101c1552)}
.information-dialog{color:#262923;background:#f7f6ef;border:1px solid #fff;border-radius:26px;padding:49px 38px 34px;width:min(460px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto}.information-dialog::backdrop{background:#17211c55;backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:16px;right:16px;color:#4b5148;border-color:#d6d8cd;background:transparent;width:32px;height:32px}.dialog-close:hover{background:#e9eadf}.dialog-eyebrow{color:#8a745b;font-size:10px;letter-spacing:1.7px}h2{font-size:34px;line-height:1.12;letter-spacing:-1.2px;font-weight:500;margin:19px 0}.information-dialog p{font-size:16px;line-height:1.7;color:#64695d;margin:0}.dialog-note{display:flex;align-items:flex-start;gap:13px;padding:20px 0;margin:22px 0;border-top:1px solid #dcdfd3;border-bottom:1px solid #dcdfd3;font-size:14px;line-height:1.6;color:#676c60}.dialog-note>span:first-child{color:#a17b52;font-size:21px}.dialog-continue{background:#282c25;color:#fafbf4;border-color:#282c25;width:100%;justify-content:space-between}.dialog-continue:hover{background:#454c3e}
@media(min-width:1700px){.hero-content{top:22%}.hero-actions{margin-top:35px}.header{padding-top:35px}}
@media(max-height:760px) and (min-width:761px){.hero{min-height:620px}.hero-content{top:21%}h1{font-size:clamp(46px,5.4vw,70px);margin:18px 0 14px}.hero-actions{margin-top:21px}}
@media(max-width:760px){.hero{min-height:660px}.header{padding:20px 20px 0}.navigation{min-height:54px;padding-left:17px;gap:16px}.brand{font-size:21px}.nav-links{gap:19px}.nav-links button,.nav-links a{font-size:12px}.nav-links a{display:none}.nav-explore{padding:11px 16px;gap:14px;font-size:12px}.hero-content{top:20%;padding:0 20px}.eyebrow{font-size:9px;letter-spacing:1.1px;padding:8px 11px}h1{font-size:clamp(42px,8.6vw,65px);margin:22px 0 17px;letter-spacing:-.055em}.hero-content p{font-size:16px}.hero-actions{gap:22px;margin-top:25px}.button-primary{padding:14px 18px;gap:18px}.character-greeting{display:none}.hero-footer{left:22px;right:22px;bottom:24px;flex-wrap:wrap;gap:18px}.scene-caption{min-width:auto;gap:9px}.scene-caption div span:first-child{font-size:9px;letter-spacing:1.3px}.scene-caption div span:last-child{font-size:12px}.sun-icon{font-size:28px}.motion-controls{min-width:auto}.motion-label{display:none}.exit-explore{top:91px}}
@media(max-width:420px){.nav-links{gap:12px}.nav-links button{font-size:11px}.nav-links button[data-dialog="about"]{display:none}.navigation{gap:12px}.nav-explore{gap:9px;padding:11px 13px}.brand{gap:5px;font-size:20px}.brand svg{width:24px;height:24px}.hero-actions{gap:18px}.button-text{font-size:13px}.button-primary{font-size:13px}.hero-content{top:21%}.information-dialog{padding:49px 26px 26px}}
@media(pointer:coarse){.tooltip::after{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.iris{will-change:auto}}