:root{--night:#17131b;--charcoal:#242227;--smoke:#77777b;--plaster:#d7d7d2;--chalk:#f4f3ef;--clay:#c9796b;--apricot:#e3a15f;--sans:'Segoe UI',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,monospace;color-scheme:light;--page-ambient:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--chalk);color:var(--charcoal);font:15px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{opacity:.45;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--clay);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}h1,h2,p,figure{margin:0}h1,h2{font-weight:400;line-height:1.3}h2{font-size:30px;letter-spacing:.02em}button,input,summary{font-size:13px}time,.clock-digits{font-family:var(--mono);font-variant-numeric:tabular-nums}.section{padding:120px 5%}.fine{font-size:12px;line-height:1.8;color:#5b5b60}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;top:8px;left:10px;z-index:100;background:var(--chalk);padding:12px}.button{min-height:50px;padding:15px 30px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:12px;letter-spacing:.08em;transition:background .18s,color .18s;border:1px solid transparent}.button.light{background:var(--chalk);color:var(--charcoal)}.button.dark{background:var(--charcoal);color:var(--chalk)}.button:hover{background:#56504d;color:#fff}.text-button{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #77777b70;padding:10px 0;font-size:12px;letter-spacing:.05em}header{position:absolute;inset:0 0 auto;z-index:20;height:120px;color:var(--chalk);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:20px 5%;transition:background .25s,color .25s}header.scrolled{position:fixed;height:88px;background:var(--chalk);color:var(--charcoal);box-shadow:0 1px #24222720;gap:12px}.wordmark{font-size:18px;font-weight:400;letter-spacing:.4em;white-space:nowrap}header nav{display:flex;gap:40px;font-size:11px;letter-spacing:.09em}header nav a{padding:5px 0}header nav a:hover{border-bottom:1px solid currentColor}.header-time{position:absolute;right:5%;top:31px;font-size:14px;letter-spacing:.08em}.menu{display:none}.hero{height:94svh;min-height:630px;max-height:1080px;position:relative;color:var(--chalk);background:var(--night)}.hero picture,.hero img{position:absolute;inset:0;width:100%;height:100%}.hero img{object-position:center 53%}.hero-copy{position:absolute;left:5%;right:5%;top:59%;text-align:center}.hero h1{font-size:52px;letter-spacing:.025em;margin-bottom:28px}.hero .button{min-width:205px}.morning{background:var(--night);color:var(--chalk)}.room-frame{position:relative;aspect-ratio:1672/760;overflow:hidden;isolation:isolate}.room-layer{position:absolute;inset:0;width:100%;height:100%;object-position:center 53%;will-change:opacity}.room-layer[data-room="0"]{opacity:1}#room-time{position:absolute;top:30px;right:5%;font:22px var(--mono);background:#17131b80;padding:10px 16px}.timeline-ui{position:absolute;left:7%;right:7%;bottom:30px;color:var(--chalk);background:#17131b90;padding:8px 26px 14px}.timeline-ui input{display:block;width:100%;height:64px;appearance:none;background:transparent;cursor:ew-resize;margin:0;touch-action:pan-y;accent-color:var(--chalk)}.timeline-ui input::-webkit-slider-runnable-track{height:2px;background:#f4f3efcc}.timeline-ui input::-webkit-slider-thumb{appearance:none;width:27px;height:27px;margin-top:-12px;border:4px solid #6b645c;border-radius:50%;background:var(--chalk);outline:1px solid var(--chalk)}.timeline-ui input::-moz-range-track{height:2px;background:#f4f3efcc}.timeline-ui input::-moz-range-thumb{width:22px;height:22px;border:4px solid #6b645c;border-radius:50%;background:var(--chalk)}.anchors{display:flex;justify-content:space-between;gap:10px}.anchors button{min-height:44px;display:flex;gap:10px;font:12px var(--mono);letter-spacing:.07em;padding:8px 0;color:inherit}.anchors button[aria-pressed=true]{text-decoration:underline;text-underline-offset:7px}.morning-caption{display:flex;justify-content:space-between;padding:18px 7%;font-size:11px;color:#d7d7d2}.object{position:relative;display:grid;grid-template-columns:minmax(210px,1fr) minmax(350px,1.65fr) minmax(200px,1fr);gap:30px;align-items:center;background:var(--plaster)}.object-heading h2{font-size:29px}.object-heading .fine{margin-top:25px}.product-stage{position:relative;aspect-ratio:1374/1145}.product-stage>img{width:100%;height:100%;object-fit:contain;transition:filter .18s}.product-stage.light-off>img{filter:brightness(.72) saturate(.5)}.clock-digits{position:absolute;left:35.8%;top:68%;width:25.4%;height:10.5%;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,2.4vw,34px);color:#eeeae0;pointer-events:none}.ring-hit{position:absolute;left:78.3%;top:60.9%;width:13.5%;height:22%;min-width:56px;min-height:56px;border-radius:50%;touch-action:none;cursor:grab;transform:rotate(-10deg)}.ring-hit:active{cursor:grabbing}.ring-hit:focus-visible{outline-offset:2px}.ring-tick{position:absolute;left:49%;top:9%;width:2px;height:10px;background:#595952;transform-origin:50% 32px;transform:rotate(var(--ring-rotation,0deg));pointer-events:none}.ring-detail img{width:100%;aspect-ratio:1.2;object-fit:contain}.ring-legend{display:flex;flex-direction:column;gap:6px}.ring-legend button{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #77777b50;min-height:46px;font-size:12px;text-align:left}.ring-legend span{font-size:11px;color:#626267}.interaction-note{grid-column:1/-1;text-align:center;font:12px var(--mono);margin-top:12px;min-height:18px}.object-views{grid-column:1/-1;max-width:1040px;width:100%;margin:30px auto -40px;border-top:1px solid #77777b40}.object-views summary{display:flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;min-height:48px;list-style:none}.object-views img{width:100%;object-fit:contain}.object-views p{text-align:center;padding-top:20px}.light-study{background:var(--charcoal);color:var(--chalk);position:relative}.light-study h2{position:absolute;left:5%;top:45px;z-index:2;font-size:27px}.light-strip{display:flex}.light-strip figure{width:33.333%;position:relative;height:420px;overflow:hidden}.light-strip img{width:100%;height:100%;object-position:20% 55%;transform:scale(1.7);transform-origin:18% 60%}.light-strip figcaption{position:absolute;left:25px;bottom:20px;font:11px var(--mono);background:#17131b90;padding:8px 12px}.sounds{position:relative;min-height:520px;background:var(--chalk);overflow:hidden}.sounds h2{position:relative;z-index:2;margin-bottom:72px}.sound-photo{position:absolute;left:0;top:0;width:46%;height:100%;object-position:34% center}.sound-controls{position:relative;margin-left:44%;padding-left:40px}#sound-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}#sound-options button{padding:10px 3px;display:flex;align-items:center;flex-direction:column;gap:22px;font-size:11px;min-height:184px}#sound-options button>span:not(.play-icon){min-height:20px}.waveform{width:100%;height:64px;stroke-width:.8;color:#77777b}.play-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #77777b88;border-radius:50%}.play-icon svg{width:15px;height:15px;stroke:none;fill:currentColor}#sound-options button[aria-pressed=true] .play-icon{background:var(--charcoal);color:var(--chalk)}#sound-options button.playing .waveform{animation:breath 1s ease-in-out infinite alternate}.audio-footer{margin:28px 0 12px;display:flex;flex-direction:column;gap:10px;font-size:11px;color:#55545a}.audio-footer label{display:flex;align-items:center;gap:12px;font-size:11px}.audio-footer input{width:90px;accent-color:var(--charcoal);height:24px}.schedule{position:relative;min-height:540px;background:var(--plaster);overflow:hidden}.schedule h2{position:relative;z-index:2;margin-bottom:72px}.schedule-photo{position:absolute;left:0;top:0;width:65%;height:100%}.schedule-photo img{width:100%;height:100%;object-position:left center}#schedule-form{position:relative;margin-left:57%;max-width:470px;padding-left:30px}.schedule-times{display:flex;gap:28px;margin-bottom:22px}.schedule-times label{flex:1;font:14px var(--mono);letter-spacing:.1em;text-align:center}.schedule-times label+label{border-left:1px solid #77777b55;padding-left:28px}.schedule-times input{display:block;width:100%;border:0;border-bottom:1px solid #77777b60;background:none;font:24px var(--mono);padding:14px 0;letter-spacing:0;min-height:48px}.schedule-promise{font-size:13px;margin:32px 0 12px}#schedule-status{font-size:12px;min-height:22px;margin-top:15px}.bedside{position:relative;background:#d0ccc5;padding:50px 0 35px}.bedside h2{position:absolute;top:40px;left:5%;z-index:2;color:var(--chalk)}.shelf{position:relative}.shelf>img{width:100%;height:auto}.shelf-time{position:absolute;top:64%;color:#f4f3ef;font:clamp(10px,1.6vw,24px) var(--mono);pointer-events:none}.dim-time{left:23%;opacity:.6}.blackout-time{left:48%;opacity:.25}.backup-time{left:73%}.detail-controls{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:-36px auto 0;position:relative;gap:12px;padding:0 4%}.detail-controls button{font-size:12px;letter-spacing:.03em;min-height:68px;border-bottom:1px solid transparent}.detail-controls button[aria-pressed=true]{border-color:var(--charcoal)}.detail-controls span{display:block;font-size:11px;letter-spacing:0;margin-top:6px}.detail-caption{max-width:850px;text-align:center;margin:28px auto 0;font-size:12px;padding:0 5%}.rooms{background:var(--charcoal);color:var(--chalk);padding-top:55px}.rooms h2{padding:0 5%;margin-bottom:34px}.room-rail{display:flex}.room-rail figure{flex:0 0 33.333%;position:relative}.room-rail img{width:100%;height:350px}.room-rail figcaption{padding:20px 24px;font-size:12px}.room-note{color:#bebbb9;padding:0 5% 25px}.shop{background:var(--chalk)}.shop h2{text-align:center;margin-bottom:45px}.shop-layout{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;max-width:1080px;gap:90px;margin:auto}.shop-product{position:relative;aspect-ratio:1374/1145;view-transition-name:product-finish}.shop-product img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .28s}.shop-product .clock-digits{font-size:clamp(18px,2.2vw,30px)}.colors{display:flex;gap:35px;margin-bottom:40px}.colors button{min-height:80px;font-size:12px;letter-spacing:.08em;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:16px}.colors button>span{height:32px;width:32px;border-radius:50%;background:var(--swatch);outline:1px solid transparent;outline-offset:6px}.colors button[aria-pressed=true]>span{outline-color:var(--charcoal)}.price{font:10px/1.7 var(--mono);margin:24px 0 12px}.shop-controls>.fine{font-size:11px}footer{padding:45px 5% 30px;border-top:1px solid #77777b40;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer .wordmark{font-size:15px}footer nav{display:flex;align-items:center;gap:25px}footer nav a,footer nav button{font-size:10px;min-height:44px;display:inline-flex;align-items:center;padding:5px 0}footer nav svg{width:15px;height:15px;margin-left:6px}footer p{font-size:10px;letter-spacing:.03em;width:100%;text-align:right;color:#626267}dialog{max-width:min(580px,calc(100vw - 32px));border:1px solid #77777b40;background:var(--chalk);color:var(--charcoal);padding:48px;max-height:85svh;overflow:auto}dialog::backdrop{background:#17131b9c}dialog h2{font-size:27px;margin-bottom:24px}dialog p{font-size:14px;margin:14px 0}dialog ul{padding-left:20px;font-size:14px;line-height:1.8}.dialog-close{position:absolute;right:12px;top:12px;width:44px;height:44px}.dialog-done{margin-top:25px}#accessibility-controls label{display:flex;align-items:center;gap:12px;margin:20px 0}#accessibility-controls input{width:20px;height:20px;accent-color:var(--charcoal)}.notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:40;background:var(--charcoal);color:var(--chalk);max-width:calc(100% - 32px);width:max-content;padding:12px 22px;font-size:12px;box-shadow:0 4px 20px #0002}.notice:empty{display:none}.no-script{padding:20px}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition-duration:0ms!important}body.reduce-motion{scroll-behavior:auto}@keyframes breath{to{opacity:.45}}[hidden]{display:none!important}
.object{background-color:var(--plaster);transition:background-color .18s}body[data-ambient="home"] .object{background-color:#aaa7a6}body[data-ambient="morning"] .object{background-color:#c2bfba}body[data-ambient="light"] .object{background-color:var(--plaster)}
@supports(animation-timeline:scroll()){.object{animation:illuminate linear both;animation-timeline:view();animation-range:entry 0% cover 60%}@keyframes illuminate{from{background-color:#aaa7a6}to{background-color:var(--plaster)}}}::view-transition-group(product-finish){animation-duration:280ms}::view-transition-old(root),::view-transition-new(root){animation:none}
@media(min-width:768px) and (max-width:1279px){.hero{height:88svh}.hero h1{font-size:44px}.object{grid-template-columns:1fr 1.4fr;gap:25px}.ring-detail{grid-column:1/-1;display:flex;align-items:center;max-width:700px;justify-self:center;gap:45px}.ring-detail img{width:40%}.ring-legend{flex:1}.clock-digits{font-size:28px}.sounds{padding-top:80px;padding-bottom:70px}.sound-controls{margin-left:35%;padding-left:20px}.sound-photo{width:39%;object-position:35%center}.schedule-photo{width:58%}#schedule-form{margin-left:49%;padding-left:20px}.schedule-times{gap:16px}.schedule-times label+label{padding-left:16px}.shop-layout{gap:40px}.room-rail{overflow-x:auto;scroll-snap-type:x mandatory}.room-rail figure{flex-basis:45%;scroll-snap-align:start}footer nav{gap:16px}.detail-controls{margin-top:-12px}}
@media(max-width:767px){html{scroll-padding-top:80px}body{font-size:14px}h2{font-size:26px}.section{padding:80px 6%}header,header.scrolled{height:74px;flex-direction:row;justify-content:space-between;padding:15px 6%;gap:0}.wordmark{font-size:15px;letter-spacing:.26em}.header-time{display:none}.menu{display:grid;place-items:center;width:44px;height:44px}header nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--chalk);color:var(--charcoal);padding:24px 6%;gap:8px}header.open nav{display:flex;flex-direction:column}header nav a{padding:15px 0;font-size:12px}.hero{height:78svh;min-height:550px;max-height:820px}.hero img{object-position:center 48%}.hero-copy{top:auto;bottom:13%;left:6%;right:6%}.hero h1{font-size:36px;line-height:1.22;max-width:340px;margin:0 auto 25px}.hero .button{min-width:190px}.room-frame{aspect-ratio:auto;height:410px}.room-layer{object-fit:cover;object-position:center}.timeline-ui{left:4%;right:4%;bottom:15px;padding:0 14px 8px}.anchors button{flex-direction:column;gap:6px;font-size:10px;padding:0 0 10px;letter-spacing:.025em}.timeline-ui input{height:64px}#room-time{font-size:17px;top:18px;padding:8px 12px}.morning-caption{padding:18px 6%;flex-direction:column;gap:5px;font-size:11px}.object{display:flex;flex-direction:column;gap:20px;align-items:stretch}.object-heading h2{font-size:27px}.object-heading .fine{margin-top:18px}.product-stage{width:calc(100% + 4vw);margin:0 -2vw;align-self:center}.clock-digits{font-size:22px}.ring-detail{display:flex;gap:22px;align-items:center}.ring-detail img{width:42%;aspect-ratio:1}.ring-legend{flex:1}.ring-legend button{font-size:11px;min-height:56px;gap:12px;flex-wrap:wrap}.ring-legend span{font-size:10px}.interaction-note{font-size:10px;line-height:1.7;margin-top:18px}.object-views{margin:18px 0 -20px}.light-study h2{position:relative;left:auto;top:auto;padding:35px 6%;font-size:24px}.light-strip{overflow-x:auto;scroll-snap-type:x mandatory}.light-strip figure{flex:0 0 82%;height:340px;scroll-snap-align:start}.sounds{padding-top:40px;padding-bottom:45px}.sounds h2{margin-bottom:30px;max-width:290px}.sound-photo{position:relative;left:-6vw;top:auto;width:100vw;max-width:none;height:300px;object-position:left center}.sound-controls{margin:35px 0 0;padding:0}#sound-options{gap:0}#sound-options button{font-size:9px;gap:18px;padding:0 3px;min-height:160px}#sound-options button>span:not(.play-icon){min-height:28px;line-height:1.5}.waveform{height:55px}.play-icon{width:34px;height:34px}.audio-footer{margin-top:10px}.schedule{padding-top:40px;padding-bottom:50px}.schedule h2{margin-bottom:28px;max-width:330px}.schedule-photo{position:relative;left:-6vw;width:100vw;max-width:none;height:300px;display:block}.schedule-photo img{object-position:left center}#schedule-form{margin:32px 0 0;padding:0;max-width:none}.schedule-times{gap:24px}.schedule-times label{font-size:12px}.schedule-times input{font-size:25px}.schedule-times label+label{padding-left:24px}.schedule-promise{font-size:11px}.bedside{padding:38px 0 28px;overflow:hidden}.bedside h2{position:relative;top:auto;left:auto;padding:0 6% 26px;color:var(--charcoal);font-size:24px}.shelf{width:160%;margin-left:-17%}.detail-controls{grid-template-columns:1fr 1fr;margin:18px 6% 0;padding:0;gap:14px}.detail-controls button{text-align:left;font-size:11px;min-height:74px}.detail-controls span{font-size:11px}.detail-caption{font-size:11px;text-align:left;margin-top:25px;padding:0 6%}.shelf-time{font-size:13px}.rooms{padding-top:35px}.rooms h2{padding:0 6%;font-size:25px}.room-rail{overflow-x:auto;scroll-snap-type:x mandatory}.room-rail figure{flex-basis:86%;scroll-snap-align:start}.room-rail img{height:310px}.room-rail figcaption{padding:15px 6%;font-size:11px}.shop h2{text-align:left;font-size:29px;max-width:300px;margin-bottom:25px}.shop-layout{display:flex;flex-direction:column;gap:20px}.shop-product{width:100%}.shop-product .clock-digits{font-size:20px}.shop-controls{width:100%;text-align:center}.colors{justify-content:center;margin:0 0 25px;gap:40px}.colors button{font-size:11px}.shop-controls .button{width:100%;max-width:350px}.price{font-size:9px}footer{padding:35px 6% 25px;gap:25px}footer nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:8px 16px}footer nav a,footer nav button{font-size:9px;text-align:left}footer p{text-align:left;font-size:9px}dialog{padding:45px 24px 28px}dialog h2{font-size:24px}.notice{font-size:11px}.room-note{padding-left:6%}}
img{height:auto}.ring-detail img,.object-views img{height:auto}.shop-product img[data-color-image]:not([data-color-image="clay"]){mask-image:url('/first-light/assets/product.webp');mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url('/first-light/assets/product.webp');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:0ms!important}}