@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#332e25;background:#e5d5b7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 48% 34%,#f5ecda 0,#e8d8bc 57%,#d6c2a1)}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #93543c;outline-offset:5px}header{height:108px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #5c4e3425;position:relative;z-index:3}.logo{font-size:23px;letter-spacing:7px;color:inherit;text-decoration:none}.logo span{display:block;font-size:8px;letter-spacing:2.1px;margin-top:10px}nav{display:flex;gap:30px}nav button{padding:12px 0;font-size:14px;position:relative;color:#796d57}nav button.active{color:#823f2b}nav button.active:after{content:"";height:1px;position:absolute;bottom:2px;left:0;right:0;background:#823f2b}#guide{font-size:11px;color:#726650}main{position:relative;min-height:720px;height:calc(100svh - 163px);max-height:1100px;overflow:hidden}.intro{position:absolute;left:4.5%;top:48px;z-index:2}.eyebrow{font-size:9px;letter-spacing:2px;color:#897961}h1{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(30px,3.5vw,57px);line-height:1.02;margin:20px 0}p{font-size:12px;line-height:1.9;color:#80705a}.intro p{font-size:11px}#scene{position:absolute;inset:0 15% 0 10%;cursor:grab}#scene canvas{width:100%;height:100%;display:block}.specimen{position:absolute;left:4.5%;bottom:65px;width:250px;z-index:2}h2{font-family:Cormorant Garamond,Georgia,serif;font-size:66px;font-weight:400;font-style:italic;margin:12px 0 0;line-height:1.1}i{font-family:Cormorant Garamond,Georgia,serif;font-size:21px;color:#948064}#season{font-family:Cormorant Garamond,Georgia,serif;font-size:19px;color:#55472f;margin:17px 0 24px}.bloom-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px}.bloom-row strong{font-weight:400;font-size:28px;letter-spacing:0}.bloom-row strong span{font-size:12px;margin-left:3px}.bar{height:2px;background:#b9a78a75;margin-top:9px}#progress{height:100%;background:#9b553a;width:65%}.caption{font-size:10px;margin:15px 0 20px}.arrows{display:flex;gap:24px;align-items:center;font-size:10px;letter-spacing:2px}.arrows button{border:1px solid #88755550;border-radius:50%;width:34px;height:34px;font-size:16px}aside{position:absolute;right:4.5%;top:48%;transform:translateY(-42%);width:256px;padding:16px;background:#f5eddd8c;border:1px solid #9a846a35;box-shadow:0 14px 40px #7564470a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2}.camera-head{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;margin-bottom:13px}.dot{display:inline-block;width:5px;height:5px;background:#a96b4f;border-radius:50%;margin-right:5px}.feed{aspect-ratio:4/3;background:#393b32;position:relative;overflow:hidden}video,#skeleton{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#b7b9a4;background:radial-gradient(ellipse,#51564a,#30392e)}#placeholder>span{font-size:50px;font-family:serif;font-weight:400}#placeholder p{color:#c4c3af;font-size:11px;margin:4px}#placeholder small{font-size:7px;letter-spacing:1px}.feed-tag{position:absolute;bottom:9px;left:10px;font-size:7px;color:#c8cebb;letter-spacing:1px}.status{display:flex;justify-content:space-between;font-size:9px;margin:13px 0;color:#80705a}.status b{font-weight:400}#tracking{font-size:7px}.primary{width:100%;background:#484f3b;color:#f6edda;padding:12px;font-size:11px;text-align:left}.primary span{float:right}.debug{display:flex;align-items:center;font-size:10px;margin:18px 0 10px;gap:6px}.debug span{margin-left:auto;font-size:8px;color:#97846c}input[type=checkbox]{accent-color:#815439}input[type=range]{width:100%;accent-color:#99654b;height:3px}#hint{font-size:9px;line-height:1.7;margin:12px 0}.metrics{border-top:1px solid #ac987a40;padding-top:11px;display:flex;justify-content:space-between;font-size:8px;color:#8b7b64}.metrics b{font-weight:400;color:#514c3e;margin-left:7px}.bottom-note{position:absolute;bottom:21px;left:4.5%;font-size:8px;letter-spacing:1.6px;color:#8c7c63}.cross{font-size:17px;margin-right:12px}.vertical{position:absolute;right:15px;top:30px;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px;color:#9f8e73}footer{height:55px;margin:0 4.5%;border-top:1px solid #5c4e3425;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#8c7c63}footer span:nth-child(2){font-family:Cormorant Garamond,serif;font-size:15px;letter-spacing:0;font-style:italic}dialog{max-width:460px;border:1px solid #ae9471;background:#eee2cb;padding:40px;color:#493e2e}dialog::backdrop{background:#30291b70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:36px}dialog p{font-size:13px}#close{position:absolute;right:14px;top:10px;font-size:24px}@media(min-width:1500px){aside{width:290px}.specimen{width:280px}}@media(max-width:900px){header{height:94px;flex-wrap:wrap;padding-top:16px;align-content:center;gap:13px}.logo{font-size:20px}.logo span{display:none}nav{order:3;width:100%;justify-content:space-between;gap:0}nav button{font-size:12px;padding:5px 0}#guide{font-size:9px}main{height:auto;max-height:none;min-height:1100px;overflow:hidden}.intro{top:28px}.intro h1,.intro p{display:none}#scene{height:590px;inset:0 -15% auto}.specimen{top:465px;bottom:auto;width:90%}.specimen h2{font-size:56px}.specimen .caption,.specimen .eyebrow{display:none}.specimen .arrows{position:absolute;right:0;top:50px}.specimen .bloom-row,.bar{max-width:250px}#season{margin:13px 0}aside{top:755px;transform:none;left:4.5%;right:4.5%;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:18px}.camera-head{grid-column:1/-1;margin:0}.feed{grid-row:2/8}.status{margin:0;align-items:center;gap:7px;flex-wrap:wrap}.debug,#hint{margin:0}.metrics{padding-top:5px}.bottom-note{bottom:16px}.vertical{display:none}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(min-width:901px){main{min-height:640px}}@media(min-width:901px)and (max-height:800px){.intro h1{font-size:36px;margin:14px 0}.intro p{display:none}.specimen h2{font-size:58px}.caption{margin:10px 0 14px}}@media(max-width:900px){.specimen .arrows{top:8px;gap:12px}.specimen .arrows button{width:29px;height:29px}.specimen h2{font-size:51px}}