/* Layered studies of colour and materials, with progressive motion. */
.ambiance{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:7%;align-items:center;background:radial-gradient(ellipse at 75% 50%,#dbc8b447,transparent 65%),#eee8df;padding-top:80px;padding-bottom:95px;overflow:clip}
.ambiance-intro{max-width:480px}.ambiance-intro>.eyebrow{font-size:9px;color:#8c6c56;margin-bottom:23px}.ambiance h2{font-size:clamp(34px,3.9vw,58px);line-height:1.18;letter-spacing:-.06em;margin-bottom:25px}.ambiance h2 em{color:#a2765e}.ambiance-intro>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#7c695a;max-width:380px}.ambiance-choices{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:27px 0 22px}.ambiance-choices button{position:relative;display:flex;align-items:center;gap:11px;border-radius:30px;border:1px solid #cbb8a666;background:transparent;padding:11px 17px;font-size:12px;min-height:44px;transition:background .25s,box-shadow .25s,border-color .25s,translate .25s;text-align:left}.ambiance-choices button::before{content:'';width:6px;height:6px;border-radius:50%;background:#b49a84;box-shadow:0 0 0 3px #b49a8415}.ambiance-choices button.is-selected{background:#fcfaf5b8;border-color:#fff;box-shadow:0 5px 20px #6f513510,inset 0 1px 0 #fff;translate:5px 0}.ambiance-choices button.is-selected::before{background:#946a4f}.ambiance-choices button:hover{border-color:#a78b75;background:#ffffff65}.ambiance-intro .ambiance-note{font-size:10px!important;color:#998474!important}
.ambiance-board{position:relative;isolation:isolate;min-height:560px;--drift-x:0px;--drift-y:0px;padding:35px 35px 90px 0}.ambiance-orbit{position:absolute;z-index:-1;width:88%;aspect-ratio:1;border:1px solid #bda58b60;right:-2%;top:-15px;border-radius:50%}.ambiance-orbit::after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;left:17%;top:8%;background:#ad8a6e;box-shadow:0 0 0 6px #ad8a6e12}.ambiance-project{display:block;position:relative;width:100%;height:400px;border-radius:3px 100px 3px 3px;overflow:hidden;background:#b2a18c;padding:0;text-align:left;box-shadow:0 25px 65px #49322517;translate:var(--drift-x) var(--drift-y);transition:translate .5s ease}.ambiance-project>img{width:100%;height:100%;object-fit:cover}.ambiance-image-label{position:absolute;left:20px;top:20px;right:20px;bottom:auto;border-radius:40px;padding:13px 16px;color:#fff;background:#33291f39;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6}.ambiance-image-label .ui-icon{width:20px;height:20px;flex:none}.ambiance-detail{position:absolute;left:-6%;bottom:12px;width:40%;height:215px;border:7px solid #f4efe6;box-shadow:0 15px 35px #49322522;overflow:hidden;translate:calc(var(--drift-x) * -.8) calc(var(--drift-y) * -.8);transition:translate .65s ease;pointer-events:none}.ambiance-detail img{width:100%;height:100%;object-fit:cover}.ambiance-palette{position:absolute;right:0;bottom:5px;z-index:2;padding:24px 26px 21px;border-radius:12px;background:#fffaf2ba;max-width:65%;translate:calc(var(--drift-x) * .5) calc(var(--drift-y) * .5);transition:translate .6s ease;pointer-events:none}.ambiance-palette>.eyebrow{font-size:7px;color:#93765e;letter-spacing:.13em}.ambiance-palette>div{display:flex;gap:10px;margin:15px 0}.ambiance-palette i{display:block;width:32px;height:32px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #4e3d2d10}.ambiance-palette>p{font-size:10px;color:#796454;line-height:1.7}.ambiance-project:focus-visible{outline-offset:7px}
.studio{background:radial-gradient(ellipse at 20% 60%,#decebc44,transparent 50%),var(--paper)}.studio-visual{position:relative;padding:17px 17px 0 0}.studio-visual::before{content:'';position:absolute;z-index:0;inset:0 0 95px 24px;border:1px solid #b99a7b70;border-radius:220px 220px 4px 4px}.studio .portrait-frame{position:relative;z-index:1;box-shadow:0 20px 50px #4a352010}.studio .portrait-frame img{height:auto!important;object-fit:contain!important;transform:none!important}.studio .portrait-label{position:relative;margin:19px 0 0 25px;border-color:#fff;background:#fffcf783;border-radius:9px}.service-rhythm{margin:30px 0 0;padding:17px 22px;background:#ece3d7;border-radius:8px;color:#79624f;font-size:12px;line-height:1.8}.interlude-card{box-shadow:inset 0 1px 0 #fff8,0 15px 65px #26190d24;border-color:#fff9}
.motion-ready [data-reveal]{opacity:0;translate:0 28px;transition:opacity .8s ease,translate .95s cubic-bezier(.22,1,.36,1)}.motion-ready [data-reveal].is-revealed{opacity:1;translate:0 0}.motion-ready .process-grid>[data-reveal]:nth-child(2){transition-delay:80ms}.motion-ready .process-grid>[data-reveal]:nth-child(3){transition-delay:160ms}
@media(min-width:1600px){.ambiance-board{min-height:650px;padding-bottom:100px}.ambiance-project{height:475px}.ambiance-detail{height:250px}.ambiance-palette{padding:30px 35px}.ambiance-palette i{width:39px;height:39px}}
@media(max-width:1100px){.ambiance{gap:5%;grid-template-columns:1fr 1.15fr}.ambiance-board{min-height:480px;padding:25px 15px 90px 0}.ambiance-project{height:330px;border-top-right-radius:70px}.ambiance-detail{height:180px;width:43%;left:-3%}.ambiance-palette{max-width:68%;padding:20px}.ambiance-palette i{width:27px;height:27px}.ambiance-palette>div{gap:8px}.ambiance-image-label{left:14px;right:14px;top:14px;bottom:auto;font-size:10px;padding:11px 13px}.ambiance h2{font-size:37px}}
@media(max-width:760px){.ambiance{grid-template-columns:1fr;gap:25px;padding:42px 20px 40px}.ambiance-intro{max-width:none}.ambiance-intro>.eyebrow{font-size:8px;margin-bottom:17px}.ambiance h2{font-size:clamp(28px,8vw,36px);margin-bottom:19px}.ambiance-intro>p:not(.eyebrow){font-size:12px;line-height:1.85;max-width:none}.ambiance-choices{flex-direction:row;flex-wrap:wrap;gap:7px;margin:22px 0 13px}.ambiance-choices button{font-size:10px;padding:8px 11px;gap:7px;min-height:40px}.ambiance-choices button.is-selected{translate:0 0}.ambiance-choices button::before{width:5px;height:5px;box-shadow:none}.ambiance-intro .ambiance-note{font-size:9px!important}.ambiance-board{min-height:375px;padding:12px 10px 95px 0;margin:0 0 0 6px}.ambiance-orbit{top:0;right:0;width:88%}.ambiance-project{height:260px;border-top-right-radius:60px}.ambiance-image-label{font-size:9px;left:12px;right:12px;top:13px;bottom:auto;padding:11px 13px}.ambiance-detail{width:44%;height:150px;left:-6px;bottom:0;border-width:5px}.ambiance-palette{bottom:4px;right:0;padding:16px 15px;max-width:64%;border-radius:9px}.ambiance-palette>.eyebrow{font-size:6px;letter-spacing:.08em}.ambiance-palette i{width:26px;height:26px}.ambiance-palette>div{gap:7px;margin:11px 0}.ambiance-palette>p{font-size:9px;line-height:1.6}.studio-visual{padding:12px 12px 0 0}.studio-visual::before{inset:0 0 75px 25px}.studio .portrait-label{margin-left:12px}.service-rhythm{font-size:11px;padding:14px 17px}.motion-ready [data-reveal]{translate:0 18px;transition-duration:.65s}}
@media(max-width:360px){.ambiance{padding-left:18px;padding-right:18px}.ambiance-choices button{font-size:9px;padding-left:9px;padding-right:9px}.ambiance-board{min-height:335px;padding-bottom:85px}.ambiance-project{height:235px}.ambiance-detail{height:125px}.ambiance-palette{padding:14px 11px}.ambiance-palette i{width:22px;height:22px}.ambiance-palette>p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal]{opacity:1!important;translate:none!important;transition:none!important}.ambiance-project,.ambiance-detail,.ambiance-palette,.ambiance-choices button{translate:none!important;transition:none!important}}