/* A quieter, image-led homepage. Details are on Studio and Contact. */
body[data-page="home"] .header{position:absolute;inset:0 0 auto;background:transparent;height:108px;padding:0 5%;color:#fff}
.header nav{gap:34px}.header nav a{font-size:12px;letter-spacing:.02em}.header-contact{font-size:12px;letter-spacing:.02em;margin-left:25px}.header-contact span{margin-left:20px}.header .brand{width:176px}.quiet-home{background:#fbfaf7}.q-section{padding:125px 7%}.q-hero{position:relative;height:100svh;min-height:650px;max-height:1150px;color:white;overflow:hidden;background:#787361}.q-hero-media,.q-hero-shade{position:absolute;inset:0}.q-hero-media img,.q-hero-media video{width:100%;height:100%;object-fit:cover;object-position:center 63%}.q-hero-media img{transform:scale(1.035);animation:q-drift 24s ease-in-out infinite alternate}.q-hero-media video{position:absolute;inset:0;opacity:0;transition:opacity 1.1s}.q-hero-media video.is-playing{opacity:1}.q-hero-shade{background:linear-gradient(180deg,#1519154d 0%,#1c211719 25%,#17181036 60%,#17171059 100%);pointer-events:none}.q-hero-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:135px 6% 90px}.q-hero h1{font-size:clamp(112px,12.8vw,205px);line-height:.8;letter-spacing:-.035em;color:#fffdf8;margin:0}.q-hero h1 em{font-weight:400}.q-hero-content p{font-size:14px;line-height:1.65;margin-top:38px;letter-spacing:.025em;color:#fffdf8}.q-pill{display:inline-flex;gap:34px;align-items:center;padding:13px 23px;border:1px solid #ffffff80;border-radius:60px;color:#fffdf8;font-size:12px;margin-top:28px;background:#252a1610;transition:background .25s,border-color .25s}.q-pill:hover{background:#fffdf8;color:#30231e;border-color:#fffdf8}.q-pill span{font-size:18px;line-height:1}.q-hero a:focus-visible,.q-motion:focus-visible,.q-atmosphere a:focus-visible{outline-color:#fff}.q-motion{position:absolute;right:5%;bottom:32px;width:40px;height:40px;border:1px solid #ffffff80;border-radius:50%;background:#1c21173d;color:#fff;display:grid;place-items:center;font-size:13px}.q-intro{text-align:center;padding:135px 7% 145px;max-width:1200px;margin:auto}.q-intro h2{font-size:clamp(58px,6.5vw,106px);line-height:.97;letter-spacing:-.02em}.q-intro h2 em{color:#806650}.q-intro p{max-width:440px;line-height:1.9;font-size:15px;margin:35px auto 20px;color:#74695f}.q-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #aca093;padding:10px 0 8px;font-size:12px;transition:border-color .25s}.q-link span{font-size:18px;line-height:1;transition:transform .3s}.q-link:hover{border-color:#30231e}.q-link:hover span{transform:translate(3px,-3px)}.q-work{padding-top:0;padding-bottom:130px}.q-work-head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:48px}.q-work-head h2{font-size:clamp(58px,6vw,98px);line-height:1}.q-work-head h2 em{color:#806650}.q-projects{display:grid;grid-template-columns:1fr 1fr;gap:4%}.q-project{min-height:440px;aspect-ratio:1.28;display:flex;align-items:center;justify-content:center;padding:12%;position:relative;overflow:hidden}.q-vhouse{background:radial-gradient(ellipse at 35% 10%,#dfd3bd,#baaa91 80%)}.q-atelier{background:radial-gradient(ellipse at 40% 5%,#f1e7dd,#d0b8a5 80%)}.q-device{width:100%;transform:perspective(1500px) rotateX(4deg) rotateY(-6deg);transition:transform .65s}.q-atelier .q-device{transform:perspective(1500px) rotateX(4deg) rotateY(6deg)}.q-project:hover .q-device,.q-project:focus-visible .q-device{transform:perspective(1500px) rotateX(0deg) rotateY(0deg) translateY(-8px)}.q-device-screen{border:6px solid #252321;border-top-width:10px;border-bottom-width:12px;border-radius:12px 12px 3px 3px;aspect-ratio:1.53;background:#252321;overflow:hidden;box-shadow:0 24px 45px #483a2736}.q-device-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.q-device-base{display:block;height:10px;margin:0 -6%;background:linear-gradient(#bdbcb6,#84837e);border-radius:0 0 40% 40%}.q-project-arrow{position:absolute;bottom:22px;right:24px;width:34px;height:34px;border:1px solid #4a39274d;border-radius:50%;display:grid;place-items:center;transition:background .3s}.q-project:hover .q-project-arrow{background:#fbfaf7}.q-caption{padding-top:23px}.q-caption h3{font-size:32px;line-height:1.15;letter-spacing:-.01em}.q-caption>span{display:block;font-size:11px;color:#81756d;margin-top:7px}.q-atmosphere{position:relative;height:700px;margin:0 3.3%;overflow:hidden;background:#493726;color:white}.q-atmosphere>img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:transform 1.5s}.q-atmosphere:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#20180f70,#20180f22);z-index:1}.q-atmosphere>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:2;padding:40px}.q-atmosphere h2{color:#fffdf8;font-size:clamp(70px,8vw,130px);line-height:.9;letter-spacing:-.025em}.q-atmosphere:hover>img{transform:scale(1.035)}.q-footer{background:var(--ed-paper);padding:0;color:var(--ed-ink)}.q-invitation{padding:115px 7% 120px;text-align:center}.q-invitation h2{font-size:clamp(65px,7.3vw,116px);line-height:.97;letter-spacing:-.025em;margin:0}.q-invitation h2 em{color:#806650}.q-invitation .q-link{margin-top:25px;font-size:13px}.q-footer-bottom{background:#291c18;color:#eee9e1;padding:38px 5%;display:flex;align-items:center;gap:40px}.q-footer-bottom .brand{width:160px;margin-right:auto}.q-footer-bottom nav{display:flex;gap:28px;font-size:11px}.q-footer-bottom>span{font-size:9px;color:#bcaa9e}.q-page-intro{text-align:center;padding-top:95px;padding-bottom:110px}.q-page-intro h1{font-size:clamp(85px,9vw,145px);line-height:.94;letter-spacing:-.025em}.q-page-intro h1 em{color:#806650}.q-page-intro p{font-size:15px;line-height:1.9;color:#74695f;margin:30px auto 0}.studio-page .ed-worlds{padding-top:0}.studio-page .ed-services{background:#f0ece6}.studio-page .ed-industry-copy p{color:#74695f}.q-contact{padding-top:80px!important}.q-contact-heading{text-align:center;margin-bottom:55px}.q-contact h1{font-size:clamp(75px,8vw,130px);line-height:.94;letter-spacing:-.025em;margin:0}.q-contact h1 em{color:#806650}.q-contact-heading>p{font-size:15px;color:#74695f;line-height:1.8;margin-top:25px}.q-contact .enquiry-shell{max-width:1040px;margin:auto}.q-enter{opacity:0;transform:translateY(22px);transition:opacity .85s,transform .85s}.q-enter.visible{opacity:1;transform:none}
@keyframes q-drift{from{transform:scale(1.035) translateY(-.5%)}to{transform:scale(1.085) translateY(.5%)}}
@media(min-width:1800px){.q-section{padding-left:calc((100vw - 1550px)/2);padding-right:calc((100vw - 1550px)/2)}}
@media(max-width:1000px){.q-hero{min-height:640px}.q-project{min-height:330px}.q-device-screen{border-width:5px;border-top-width:8px;border-bottom-width:10px}.q-hero h1{font-size:145px}.q-atmosphere{height:620px}.q-caption h3{font-size:28px}.q-footer-bottom{gap:25px}.q-footer-bottom nav{gap:20px}}
@media(max-width:700px){body[data-page="home"] .header{height:88px;padding:0 6%}.header .brand{width:143px}.header-contact{font-size:10px;margin-left:auto;margin-right:18px}.header-contact span{margin-left:12px}.q-section{padding:75px 6%}.q-hero{height:100svh;min-height:620px;max-height:980px}.q-hero-content{padding:115px 6% 105px}.q-hero h1{font-size:clamp(91px,22vw,144px);line-height:.84}.q-hero-content p{font-size:12px;max-width:260px;margin-top:29px;line-height:1.7}.q-pill{font-size:11px;padding:12px 21px;gap:27px;margin-top:23px}.q-motion{bottom:27px;right:6%;width:38px;height:38px}.q-intro{padding-top:83px;padding-bottom:90px}.q-intro h2{font-size:clamp(48px,12.4vw,77px);line-height:1.02}.q-intro p{font-size:13px;max-width:300px;margin-top:26px}.q-link{font-size:11px;gap:26px}.q-work{padding-top:0;padding-bottom:75px}.q-work-head{margin-bottom:30px;align-items:start;flex-direction:column;gap:16px}.q-work-head h2{font-size:clamp(51px,13vw,80px)}.q-projects{grid-template-columns:1fr;gap:37px}.q-project{min-height:290px;aspect-ratio:1.2;padding:12%}.q-caption{padding-top:17px}.q-caption h3{font-size:28px}.q-caption>span{font-size:10px;margin-top:5px}.q-project-arrow{right:19px;bottom:18px;width:31px;height:31px;font-size:15px}.q-atmosphere{margin:0 3.5%;height:580px}.q-atmosphere>div{padding:25px}.q-atmosphere h2{font-size:clamp(64px,15.5vw,100px)}.q-invitation{padding:78px 6% 85px}.q-invitation h2{font-size:clamp(64px,16vw,100px)}.q-footer-bottom{padding:33px 6% 25px;flex-wrap:wrap;gap:25px}.q-footer-bottom .brand{width:143px;margin-right:100px}.q-footer-bottom nav{width:100%;gap:22px;font-size:10px;flex-wrap:wrap}.q-footer-bottom>span{font-size:8px}.q-page-intro{padding-top:70px;padding-bottom:80px}.q-page-intro h1{font-size:clamp(72px,16vw,110px)}.q-page-intro p{font-size:13px;margin-top:24px}.studio-page .ed-worlds{padding-top:0}.q-contact{padding-top:62px!important}.q-contact h1{font-size:clamp(66px,15.8vw,102px)}.q-contact-heading{margin-bottom:38px}.q-contact-heading>p{font-size:13px;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.q-hero-media img{animation:none;transform:none}.q-enter{opacity:1;transform:none;transition:none}.q-hero-media video,.q-device,.q-atmosphere>img,.q-link span{transition:none}.q-device,.q-atelier .q-device,.q-project:hover .q-device{transform:none}.q-atmosphere:hover>img{transform:none}}
.q-projects>article{min-width:0}.q-project{width:100%}.header-contact{white-space:nowrap}@media(max-width:700px){.header{gap:15px}.q-projects{grid-template-columns:minmax(0,1fr)}}@media(max-width:360px){.header .brand{width:125px}.header-contact{margin-right:10px}.q-hero h1{font-size:88px}}