html:has(body[data-page="home"]){scroll-padding-top:0}
/* Six chapters: atmosphere, character, identity, care, evidence, invitation. */
.story-home{background:#f8f7f2;color:#3e372f}
.story-board{position:relative;overflow:hidden;scroll-margin-top:0}
.story-board h1,.story-board h2{font-family:Instrument,Georgia,serif;font-weight:400;font-size:clamp(46px,4.8vw,78px);line-height:1.04;letter-spacing:-.018em;color:inherit}
.story-board em{font-weight:400;font-style:italic}.story-kicker{display:block;font:500 10px/1.5 Urbanist,sans-serif;letter-spacing:.15em;margin-bottom:27px}.story-copy p{font-size:14px;line-height:1.9;letter-spacing:.01em;margin-top:25px;max-width:360px}
.story-media,.story-shade{position:absolute;inset:0;pointer-events:none}.story-media{overflow:hidden}.story-media img,.story-media video{width:100%;height:100%;object-fit:cover}.story-media img{animation:story-breathe 28s ease-in-out infinite alternate;transform:scale(1.025)}.story-media video{position:absolute;inset:0;opacity:0;transition:opacity 1s}.story-media video.is-playing{opacity:1}.story-home[data-motion="paused"] .story-media img{animation-play-state:paused}
.story-copy{position:relative;z-index:2}.story-link{display:inline-flex;align-items:center;gap:40px;font-size:12px;border-bottom:1px solid currentColor;padding:12px 0 10px;line-height:1.5;margin-top:28px;transition:gap .3s}.story-link span{font-size:18px}.story-link:hover{gap:49px}.story-arrival{height:100svh;min-height:700px;max-height:1200px;background:#2e2b24;color:#fffaf0}.story-arrival .story-media img{object-position:38% center}.story-arrival .story-shade{background:linear-gradient(90deg,transparent 25%,#191a1538 57%,#1719124d),linear-gradient(180deg,#1719124d,transparent 23%,transparent 78%,#17191245)}.arrival-copy{position:absolute;left:56%;right:5%;top:45%;transform:translateY(-22%)}.story-arrival h1{font-size:clamp(44px,4.2vw,70px)}.story-arrival .story-copy p{color:#f1eee7}.story-edge{position:absolute;bottom:28px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:3}.story-edge>span{font-size:9px;letter-spacing:.12em}.story-motion{border:0;background:transparent;color:inherit;font-size:10px;display:flex;gap:14px;align-items:center;padding:12px 0}.story-motion>span:first-child{display:grid;place-items:center;border:1px solid #f5efdf77;border-radius:50%;width:32px;height:32px;font-size:10px}.story-arrival a:focus-visible,.story-arrival button:focus-visible,.story-feeling a:focus-visible,.story-care a:focus-visible{outline-color:#fff}
.story-feeling{height:88svh;min-height:620px;max-height:950px;background:#283a34;color:#fcfaf3}.story-feeling .story-shade{background:linear-gradient(90deg,#1624206b,transparent 75%),linear-gradient(0deg,#1624203b,transparent 50%)}.story-feeling .story-media img,.story-feeling .story-media video{object-position:62% center}.feeling-copy{position:absolute;left:9%;top:30%;max-width:490px}.story-scene-note{position:absolute;bottom:37px;left:9%;font-size:11px;letter-spacing:.035em;color:#eeeade;z-index:2}
.story-ritual{height:85svh;min-height:640px;max-height:1000px;background:#eee9dc}.story-ritual .story-media img{object-position:center center}.ritual-copy{position:absolute;left:9%;top:32%;max-width:470px}.ritual-copy p{color:#5f564a}.story-care{height:90svh;min-height:680px;max-height:1000px;background:#695944;color:#fffaf0}.story-care .story-shade{background:linear-gradient(90deg,transparent 20%,#1c21144a 60%,#1720167a),linear-gradient(0deg,#25271e35,transparent 65%)}.story-care-copy{position:absolute;left:57%;right:6%;top:35%}.story-care .story-copy p{color:#f2eee4}
.story-work{padding:105px 8% 90px;background:#f8f7f2}.story-work-heading{text-align:center}.story-work-heading h2{font-size:clamp(48px,4.7vw,76px)}.story-project-tabs{display:flex;gap:45px;justify-content:center;margin:45px auto 25px}.story-project-tabs button{border:0;border-bottom:1px solid transparent;background:none;font-size:12px;padding:13px 0;color:#746d60}.story-project-tabs button[aria-selected="true"]{color:#3e372f;border-bottom-color:#3e372f}.story-project-panel{max-width:1120px;margin:auto;outline-offset:8px}.story-device-stage{position:relative;height:530px;background:radial-gradient(ellipse at 30% 5%,#eeece4,#e0ddd2 85%);display:flex;align-items:center;justify-content:center;overflow:hidden}.story-laptop{width:69%;margin-right:8%;transform:perspective(1600px) rotateY(-5deg) rotateX(3deg);transition:transform .75s,opacity .6s}.story-laptop-screen{border:6px solid #282928;border-top-width:10px;border-bottom-width:13px;border-radius:12px 12px 3px 3px;aspect-ratio:1.532;background:#282928;overflow:hidden;box-shadow:0 25px 50px #42413726}.story-laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.story-laptop-base{display:block;height:10px;margin:0 -6%;background:linear-gradient(#cbc9c4,#8d8c85);border-radius:0 0 45% 45%}.story-phone{position:absolute;right:9%;width:16.5%;bottom:13%;border:5px solid #282928;border-radius:27px;background:#282928;box-shadow:0 25px 55px #4241373a;transform:rotate(4deg);transition:all .7s}.story-phone-screen{overflow:hidden;border-radius:22px;aspect-ratio:390/844}.story-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.story-phone-camera{position:absolute;top:5px;left:34%;width:32%;height:8px;background:#282928;border-radius:0 0 8px 8px}.story-device-stage:hover .story-laptop{transform:perspective(1600px) rotateY(0) rotateX(0) translateY(-5px)}.story-device-stage[data-device="phone"] .story-laptop{opacity:0;transform:scale(.9)}.story-device-stage[data-device="phone"] .story-phone{right:calc(50% - 99px);width:198px;bottom:45px;transform:rotate(0)}.story-project-caption{display:flex;align-items:center;gap:28px;justify-content:space-between;margin-top:27px}.story-project-caption h3{font-family:Instrument,Georgia,serif;font-size:30px;line-height:1.2}.story-project-caption p{font-size:11px;line-height:1.7;color:#766e62;margin-top:4px}.story-project-caption .story-link{margin:0;font-size:11px;gap:24px}.story-device-controls{display:flex;border:1px solid #bfb9aa;border-radius:24px;overflow:hidden;padding:3px}.story-device-controls button{border:0;background:none;border-radius:20px;padding:8px 15px;font-size:10px;color:#746d60}.story-device-controls button[aria-pressed="true"]{background:#3d3b32;color:#fffaf0}.story-all-work{display:flex;width:max-content;max-width:100%;gap:35px;margin:50px auto 0;font-size:12px;border-bottom:1px solid #a49c8a;padding-bottom:10px}
.story-finale{min-height:620px;padding:105px 6% 75px;text-align:center;background:#f1efe7;display:flex;align-items:center;justify-content:center;flex-direction:column}.story-finale h2{font-size:clamp(56px,5.8vw,93px)}.story-finale p{font-size:13px;line-height:1.9;color:#746b5d;margin:25px 0 0}.story-closing-line{width:1px;height:70px;background:#c4b9a7;margin-top:50px}.story-reveal{opacity:0;translate:0 18px;transition:opacity 1s,translate 1s}.story-reveal.is-visible{opacity:1;translate:0 0}body[data-page="home"] .q-footer-bottom{background:#f1efe7;color:#554b3f;border-top:1px solid #d5cbbd;padding-top:26px;padding-bottom:26px}body[data-page="home"] .q-footer-bottom .brand{display:none}body[data-page="home"] .q-footer-bottom nav{margin-right:auto}body[data-page="home"] .q-footer-bottom>span{color:#746b5d}body[data-page="home"] .q-footer{padding-top:0}
@keyframes story-breathe{from{transform:scale(1.025)}to{transform:scale(1.06)}}
@media(min-width:1800px){.story-work{padding-left:calc((100vw - 1500px)/2);padding-right:calc((100vw - 1500px)/2)}}
@media(max-width:1000px){.story-board h1,.story-board h2{font-size:52px}.story-arrival{min-height:650px}.arrival-copy{left:51%;right:6%}.story-copy p{font-size:13px}.story-device-stage{height:440px}.story-care-copy{left:52%;right:6%}.story-project-caption{flex-wrap:wrap}.story-project-caption .story-link{margin-left:auto}}
@media(max-width:700px){.story-board h1,.story-board h2{font-size:clamp(42px,11.3vw,64px);line-height:1.05}.story-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:23px}.story-copy p{font-size:13px;line-height:1.8;margin-top:22px}.story-link{font-size:11px;margin-top:23px;gap:31px}.story-arrival{height:100svh;min-height:740px;max-height:1100px}.story-arrival .story-media img{object-position:26% center}.story-arrival .story-shade{background:linear-gradient(0deg,#151914d6,transparent 80%),linear-gradient(180deg,#17191255,transparent 20%)}.arrival-copy{left:8%;right:7%;top:auto;bottom:115px;transform:none}.story-arrival h1{font-size:clamp(43px,11.7vw,64px)}.story-edge{left:8%;right:8%;bottom:25px;gap:15px}.story-edge>span{font-size:8px;letter-spacing:.07em;max-width:170px}.motion-label{display:none}.story-motion{padding:8px}.story-feeling{height:80svh;min-height:620px;max-height:950px}.feeling-copy{left:8%;right:8%;top:16%;max-width:none}.story-feeling .story-media img,.story-feeling .story-media video{object-position:72% center}.story-feeling .story-shade{background:linear-gradient(180deg,#16242080,transparent 80%),linear-gradient(0deg,#16242040,transparent 50%)}.story-scene-note{left:8%;bottom:32px;font-size:10px}.story-ritual{height:auto;min-height:0;padding:70px 8% 0;display:flex;flex-direction:column;background:#f1eee5}.ritual-copy{position:relative;left:auto;top:auto;max-width:none;padding-bottom:50px;order:0}.story-ritual .story-media{position:relative;inset:auto;order:1;margin:0 -9.53%;height:440px}.story-ritual .story-media img{object-position:80% center}.story-care{height:90svh;min-height:730px;max-height:1000px}.story-care .story-media img{object-position:22% center}.story-care .story-shade{background:linear-gradient(0deg,#172016d9,transparent 88%)}.story-care-copy{left:8%;right:8%;top:auto;bottom:70px}.story-work{padding:75px 6% 70px}.story-work-heading h2{font-size:clamp(43px,11vw,66px)}.story-project-tabs{gap:21px;margin:32px auto 25px}.story-project-tabs button{font-size:10px}.story-device-stage{height:350px}.story-laptop{width:81%;margin-right:0}.story-laptop-screen{border-width:4px;border-top-width:7px;border-bottom-width:9px;border-radius:7px 7px 2px 2px}.story-laptop-base{height:7px}.story-phone{width:25%;right:7%;bottom:9%;border-width:3px;border-radius:17px}.story-phone-screen{border-radius:14px}.story-phone-camera{top:3px;height:6px}.story-device-stage[data-device="phone"] .story-phone{width:130px;right:calc(50% - 65px);bottom:32px;border-width:4px;border-radius:21px}.story-device-stage[data-device="phone"] .story-phone-screen{border-radius:17px}.story-project-caption{gap:20px;margin-top:23px}.story-project-caption>div:first-child{width:100%}.story-project-caption h3{font-size:29px}.story-project-caption p{font-size:11px}.story-project-caption .story-link{font-size:10px;gap:17px;padding-top:8px;padding-bottom:6px}.story-device-controls button{font-size:9px;padding:8px 11px}.story-all-work{margin-top:38px;font-size:11px;gap:27px}.story-finale{min-height:600px;padding:80px 8% 60px}.story-finale h2{font-size:clamp(50px,13.3vw,80px)}.story-finale p{font-size:12px}.story-closing-line{height:60px;margin-top:42px}body[data-page="home"] .q-footer-bottom{gap:22px}body[data-page="home"] .q-footer-bottom nav{gap:20px}body[data-page="home"] .q-footer-bottom>span{font-size:9px}}
@media(max-width:360px){.story-board h1,.story-board h2{font-size:39px}.story-edge>span{max-width:160px}.story-project-tabs{gap:17px}.story-project-tabs button{font-size:9px}.story-device-stage{height:300px}.story-device-stage[data-device="phone"] .story-phone{width:112px;right:calc(50% - 56px);bottom:26px}.story-project-caption{gap:13px}.story-device-controls button{padding:7px 8px}.story-project-caption .story-link{gap:10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.story-media img{animation:none;transform:none}.story-media video,.story-laptop,.story-phone,.story-link{transition:none}.story-laptop,.story-device-stage:hover .story-laptop,.story-phone{transform:none}.story-reveal{opacity:1;translate:none;transition:none}}