/* S04-05: one desktop storyboard; complete phone scenes; normal document flow. */
.praxis-process{--studio:#eeeae2;--paper:#f9f6ed;--graphite:#303c36;position:relative;isolation:isolate;overflow:clip;color:var(--graphite);background:radial-gradient(ellipse at 75% 28%,#fffdf7ad,transparent 58%),linear-gradient(155deg,#e7e2d8,#f3f0e8 54%,#e8e9df);padding:88px 0 48px}
.praxis-process *{box-sizing:border-box}.process-wrap{width:min(1344px,calc(100% - 72px));margin:auto;position:relative}#process-title{text-align:center;font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.2em;color:#607164;margin:0 0 34px}
.process-stations{display:grid;grid-template-columns:1fr 1.12fr 1.12fr;gap:34px;align-items:start}.process-step{min-width:0;text-align:center;position:relative;scroll-margin-top:80px}.process-copy{margin:0 auto 20px;height:214px;max-width:400px}.process-label{font-size:9px!important;letter-spacing:.14em;color:#657567!important;margin:0 0 17px!important;font-weight:600}.process-label span{color:#a2ab9c;margin:0 7px}.process-step h3{font-size:27px;font-weight:450;line-height:1.15;letter-spacing:-.05em;margin:0 auto 15px;min-height:94px;max-width:340px;text-wrap:balance}.process-step h3 em{font-weight:450;font-style:normal;color:#5a7869;white-space:nowrap}.process-copy>p:not(.process-label){font-size:12px;line-height:1.75;max-width:350px;margin:0 auto;color:#677166;text-wrap:pretty}.process-copy .process-reassurance{font-size:10px!important;margin-top:10px!important;color:#758070!important}.process-copy .process-payoff{font-size:12px!important;margin-top:12px!important;color:#3a5142!important}.process-payoff em{font-family:Georgia,serif;font-style:italic}
.process-art{position:relative;margin:0 auto;isolation:isolate;perspective:1600px;container-type:inline-size}.process-art figcaption{font-size:8px;line-height:1.5;letter-spacing:.02em;color:#798173;position:absolute;left:0;right:0;bottom:0;white-space:nowrap}.process-art figcaption span{margin:0 5px;color:#a4aa9f}
/* Portrait artifact. No readable annotations or photo-arrow. */
.intake-art{height:300px;width:238px;max-width:100%}.intake-scene{position:absolute;inset:1% 5% 4%;perspective:1500px}.intake-sheet{position:absolute;inset:0 2% 3%;text-align:left;padding:8%;background:linear-gradient(130deg,#fffdf7,#f7f3e8 72%,#eeeadf);border:1px solid #fffdf7;transform:rotateX(3deg) rotateY(-4deg) rotateZ(-2deg);box-shadow:1px 2px 0 #c7c6b8,2px 3px 0 #dedbd0,0 23px 30px -21px #34463565,0 4px 8px #26352c0a}
.intake-sheet:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#7e6c4505 0 1px,transparent 1px 3px)}.intake-top{display:flex;justify-content:space-between;border-bottom:1px solid #b5b9aa66;padding-bottom:5%;font-size:1.7cqi;letter-spacing:.09em;color:#748170}.intake-heading{font-size:10.2cqi;letter-spacing:-.055em;line-height:.99;margin:9% 0;color:#36453b;font-weight:450}.intake-facts{display:grid;gap:4%}.intake-facts>div{display:grid;gap:1.5%;padding:3% 0;border-bottom:1px solid #b0b4a444}.intake-facts small{font-size:1.7cqi;letter-spacing:.1em;line-height:1.7;color:#7a8476}.intake-facts strong{font-weight:550;font-size:3.65cqi;letter-spacing:-.03em;line-height:1.5}.intake-facts span{font-size:2.7cqi;line-height:1.6}.intake-bottom{display:grid;grid-template-columns:1fr 46%;gap:5%;margin-top:8%;align-items:center}.intake-thinking{color:#7b8771;transform:rotate(-3deg)}.intake-thinking svg{display:block;width:100%;height:27cqi}.intake-reference{transform:rotate(2deg);padding:4%;background:#fffdf6;box-shadow:0 3px 7px #35452c12}.intake-reference img{display:block;width:100%;height:24cqi;object-fit:cover;object-position:73% 50%}.intake-footer{position:absolute;bottom:5%;left:8%;right:8%;border-top:1px solid #b0b4a444;padding-top:4%;font-size:1.5cqi;letter-spacing:.05em;color:#828a79}.intake-clip{position:absolute;top:-1%;right:10%;width:4.5%;height:10%;border:1px solid #9ba18f;border-radius:10px;transform:rotate(5deg);box-shadow:1px 1px 0 #fff9}.intake-clip:after{content:"";position:absolute;inset:5% 21% 10% -25%;border:1px solid #c0c3b1;border-radius:10px}.intake-shadow{position:absolute;bottom:0;left:8%;right:8%;height:6%;background:radial-gradient(ellipse,#63735124,transparent 70%);z-index:-1}
/* The website is a floating digital object, without computer hardware. */
.screen-art{width:100%;height:300px}.screen-scene{position:absolute;inset:6% 0 9%;perspective:1800px}.floating-screen{position:absolute;inset:0 1% 6%;padding:1.1%;border:1px solid #85918d;border-radius:7px;background:linear-gradient(130deg,#4f5958,#172223 28%,#324345);transform:rotateX(2deg) rotateY(-3deg) rotateZ(-.65deg);box-shadow:2px 3px 0 #141e22,3px 5px 0 #83918a,0 21px 30px -18px #26392f6b;z-index:2}.screen-face{height:100%;overflow:hidden;border-radius:3px;background:#172126}.screen-bevel{position:absolute;pointer-events:none;inset:0;border-radius:inherit;border-top:1px solid #e3eeeb8a;border-left:1px solid #d9e6df7a;background:linear-gradient(125deg,#fff1,transparent 24%,transparent 79%,#d2e7e212);z-index:4}.screen-ground{position:absolute;bottom:-7%;left:10%;right:7%;height:12%;background:radial-gradient(ellipse,#48614924,transparent 68%);z-index:-1}
/* TEMPER: architectural service identity. A complete small homepage concept. */
.temper-site{height:100%;display:grid;grid-template-rows:17% 68% 15%;text-align:left;background:#19242a;color:#f1f4ec;position:relative;container-type:inline-size;font-family:Manrope,sans-serif}.temper-mast{display:flex;align-items:center;justify-content:space-between;gap:3%;padding:0 5%;background:#172229;border-bottom:1px solid #a8c3c217}.temper-logo{display:flex;align-items:center;gap:1.7cqi;color:#f1f1e5}.temper-logo>svg{width:5.4cqi;height:5.4cqi;color:#bad4d7}.temper-logo>span{font-weight:650;letter-spacing:.13em;font-size:4.15cqi;line-height:1}.temper-logo small{display:block;font-size:1.33cqi;letter-spacing:.22em;margin-top:.9cqi;font-weight:450;color:#acbdba}.temper-nav{display:flex;gap:2.3cqi;font-size:1.7cqi;color:#c8d3ca}.temper-local{font-size:1.35cqi;max-width:20%;letter-spacing:.07em;line-height:1.6;color:#b8c7c1;text-align:right}.temper-hero{position:relative;isolation:isolate;overflow:hidden}.temper-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% 48%;z-index:-3}.temper-shade{position:absolute;inset:0;background:linear-gradient(90deg,#15212cf5,#16232fba 33%,#182b3155 56%,#19282c0d 77%);z-index:-1}.temper-copy{position:absolute;top:9%;left:5%;width:56%;bottom:8%;display:flex;flex-direction:column;align-items:flex-start}.temper-kicker{font-size:1.3cqi;letter-spacing:.13em;color:#c4d8d4;white-space:nowrap}.temper-headline{font-size:6.6cqi;line-height:1.05;letter-spacing:-.052em;font-weight:500;margin:4% 0 4%;color:#f3f5ed}.temper-headline span{color:#c3dfe1}.temper-description{font-size:1.8cqi;line-height:1.6;color:#d4dfd8;margin:0 0 5%}.temper-action{display:flex;align-items:center;justify-content:space-between;gap:4cqi;background:#c3dadd;color:#20343e;font-size:2.15cqi;font-weight:650;padding:2.3cqi 2.6cqi;line-height:1;border-radius:1px;white-space:nowrap}.temper-action b{font-size:2.8cqi;font-weight:400}.temper-air{position:absolute;right:-6%;top:-5%;height:105%;width:74%;stroke:#c4e2e06b;stroke-width:.9;pointer-events:none}.temper-air circle{fill:#c4e2e0;stroke:none}.temper-note{position:absolute;right:5%;bottom:9%;font-size:1.45cqi;letter-spacing:.12em;color:#eceee3}.temper-services{display:flex;align-items:center;justify-content:space-between;gap:2%;padding:0 5%;background:#e8e8dc;color:#253b41;font-size:2.05cqi;font-weight:550}.temper-services>span{white-space:nowrap}.temper-services i{font-size:1.25cqi;font-style:normal;color:#798c8b;margin-right:1cqi}.temper-services>b{font-size:1.5cqi;font-weight:400;border-left:1px solid #9aaba455;padding-left:3%;white-space:nowrap}
/* Separate static-frost pane: light moves; blur radius never does. */
.concept-glass{position:absolute;z-index:5;top:-2%;left:0;width:63%;height:94%;border:1px solid #eef3e6b8;border-radius:4px;transform:rotateY(-4deg) rotateZ(-2deg);background:linear-gradient(128deg,#dfebdd35,#d0ddcf17 48%,#f2f0d92b);backdrop-filter:blur(5px) saturate(.72);-webkit-backdrop-filter:blur(5px) saturate(.72);box-shadow:2px 2px 0 #edf3e594,3px 4px 0 #a3b2a469,10px 12px 20px -10px #1c30347a,inset 0 1px 5px #ffffed66;pointer-events:none}.concept-glass:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffed60,transparent 25%,transparent 70%,#eef6df4f);opacity:.65}.glass-edge{position:absolute;top:0;right:-1px;bottom:0;width:2px;background:linear-gradient(#f8fff3c9,#b4c1b799,#f8fff3d9)}.revealed .concept-glass{opacity:0;visibility:hidden}.process-ready .revealed:not([data-entered]) .concept-glass{opacity:1;visibility:visible}
.process-enter .intake-sheet{animation:brief-settle 1.3s cubic-bezier(.2,.65,.3,1) both;animation-delay:var(--arrival-delay,0s)}.process-enter .floating-screen{animation:screen-settle 1.35s cubic-bezier(.2,.65,.3,1) both;animation-delay:var(--arrival-delay,0s)}.concealed.process-enter .concept-glass{animation:glass-settle 1.55s ease both;animation-delay:var(--arrival-delay,0s)}.revealed.process-enter .concept-glass{visibility:visible;animation:glass-reveal 1.95s cubic-bezier(.2,.62,.3,1) both;animation-delay:var(--arrival-delay,0s)}
@keyframes brief-settle{from{translate:0 13px;rotate:-1deg;opacity:.45}to{translate:0 0;rotate:0deg;opacity:1}}@keyframes screen-settle{from{translate:0 10px;opacity:.45}to{translate:0 0;opacity:1}}@keyframes glass-settle{from{translate:0 16px;rotate:1deg;opacity:.6}to{translate:0 0;rotate:0deg;opacity:1}}@keyframes glass-reveal{0%,12%{opacity:1;translate:0 0;scale:1}58%{opacity:.8}100%{opacity:0;translate:14% -16%;scale:1.035}}
.ambient-live.concealed:not(.process-enter) .concept-glass:before{animation:glass-light 24s ease-in-out infinite alternate}.ambient-live.revealed:not(.process-enter) .temper-photo{animation:home-light 26s ease-in-out infinite alternate}@keyframes glass-light{to{translate:6% 0;opacity:.25}}@keyframes home-light{to{scale:1.012;translate:0 -.15%}}
.process-art:not(.process-visible) *,.process-art:not(.process-visible) *:before{animation-play-state:paused!important}body:not(.motion-paused):not(.reduced-scene):not(.process-document-hidden) .praxis-process .process-visible *,body:not(.motion-paused):not(.reduced-scene):not(.process-document-hidden) .praxis-process .process-visible *:before{animation-play-state:running!important}body.motion-paused .praxis-process *,body.reduced-scene .praxis-process *{animation:none!important}
.process-close{text-align:center;margin:30px auto 0;max-width:500px}.close-rule{display:block;width:1px;height:18px;margin:0 auto 16px;background:linear-gradient(transparent,#95a38b)}.process-close h3{font-size:25px;font-weight:450;letter-spacing:-.045em;margin:0 0 17px;line-height:1.15}.process-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;min-height:49px;padding:13px 23px;background:#304a3b;border:1px solid #304a3b;color:#f7f6e9;border-radius:3px;font:500 13px/1.5 Manrope,sans-serif;cursor:pointer;box-shadow:0 8px 18px -14px #304a3b85;transition:background .2s,transform .2s}.process-cta span{font-size:20px;line-height:1}.process-cta:hover{background:#20392a;transform:translateY(-2px)}.process-cta:focus-visible{outline:2px solid #486851;outline-offset:5px}.process-close>p{font-size:11px;line-height:1.7;color:#6c7869;margin:12px auto 0}
/* Post-unpin handoff; original S03 film and travel are untouched. */
#range .range-products{transition:scale 1.3s ease,translate 1.3s ease,opacity 1.3s ease}#range .range-products>.showcase{transition:filter 1.3s ease}body.studio-departing #range .range-products{scale:.88;translate:0 -18px;opacity:.44}body.studio-departing #range .range-products>.showcase:first-child,body.studio-departing #range .range-products>.showcase:last-child{filter:opacity(.38)}.praxis-process:before{content:"";position:absolute;inset:0;background:linear-gradient(#f4f0e680,transparent 45%);opacity:0;pointer-events:none;transition:opacity 1.3s ease;z-index:-1}body.studio-departing .praxis-process:before{opacity:1}.studio-arrival{position:absolute;top:0;left:0;right:0;height:105px;pointer-events:none}.studio-arrival>span{position:absolute;left:50%;top:-20px;width:1px;height:71px;background:linear-gradient(#85a99a00,#83917e9c);transform-origin:top}body.studio-departing .studio-arrival>span{animation:drafting-in 1.3s ease both}@keyframes drafting-in{from{scale:1 .1;opacity:0}to{scale:1 1;opacity:1}}
body[data-page-section="folio"] .site-header{color:#303c36;background:linear-gradient(#eeeae2f5 65%,#eeeae200)}body[data-page-section="folio"] .site-header .brand,body[data-page-section="folio"] .header-cta{color:#303c36}body[data-page-section="folio"] .brand-mark i{background:#303c36}body[data-page-section="folio"] .brand-subtitle{color:#647264;border-color:#64726466}body[data-page-section="folio"] .header-cta{border-color:#6b796759;background:transparent}body[data-page-section="folio"] .motion-control{color:#526450;border-color:#71826866;background:transparent}
@media(min-width:1100px) and (max-width:1279px){.process-wrap{width:calc(100% - 56px)}.process-stations{gap:20px;grid-template-columns:.95fr 1.12fr 1.12fr}.process-step h3{font-size:24px;min-height:85px}.process-copy{height:222px}.process-copy>p:not(.process-label){font-size:12px}.screen-art{height:264px}.intake-art{height:264px;width:210px}.temper-description{display:none}.temper-headline{font-size:7.3cqi;margin:5% 0 6%}.temper-action{font-size:2.5cqi;padding:2.6cqi}.temper-services>b{display:none}.temper-services{font-size:2.5cqi}.temper-kicker{font-size:1.5cqi}.temper-nav{display:none}.temper-local{font-size:1.6cqi;max-width:30%}}
@media(max-width:1099px){.praxis-process{padding:84px 0 70px}.process-wrap{width:min(760px,calc(100% - 64px))}.process-stations{display:block}.process-step{margin:0 auto 75px}.process-copy{height:auto;max-width:610px;margin-bottom:23px}.process-label{font-size:10px!important;margin-bottom:16px!important}.process-step h3{font-size:38px;min-height:0;max-width:580px;margin-bottom:15px}.process-copy>p:not(.process-label){font-size:14px;line-height:1.75;max-width:540px}.process-copy .process-payoff{font-size:15px!important;margin-top:14px!important}.process-copy .process-reassurance{font-size:11px!important}.intake-art{height:318px;width:252px}.screen-art{width:min(640px,100%);height:auto;aspect-ratio:1.48}.screen-scene{inset:4% 1% 8%}.process-art figcaption{font-size:9px}.concept-glass{backdrop-filter:blur(7px) saturate(.72);-webkit-backdrop-filter:blur(7px) saturate(.72)}.process-close{margin-top:0}.process-close h3{font-size:31px}}
@media(max-width:600px){.praxis-process{padding:72px 0 56px}.process-wrap{width:calc(100% - 32px)}#process-title{margin-bottom:30px;font-size:9px}.process-step{margin-bottom:64px;scroll-margin-top:68px}.process-copy{padding:0 3px;margin-bottom:19px}.process-label{font-size:9px!important;margin-bottom:12px!important}.process-step h3{font-size:30px;line-height:1.13;margin-bottom:14px;max-width:360px}.process-copy>p:not(.process-label){font-size:13px;line-height:1.65;max-width:370px}.process-copy .process-reassurance{font-size:10px!important;margin-top:9px!important}.process-copy .process-payoff{font-size:14px!important;margin-top:12px!important}.intake-art{height:min(286px,43svh);width:min(228px,34.2svh)}.screen-art{width:100%;aspect-ratio:1.31}.screen-scene{inset:4% 0 7%}.floating-screen{transform:rotateX(1deg) rotateY(-1.5deg) rotateZ(-.4deg);border-radius:5px}.temper-site{grid-template-rows:17% 68% 15%}.temper-nav,.temper-description,.temper-kicker,.temper-services>b{display:none}.temper-logo>span{font-size:5cqi}.temper-logo>svg{width:6.5cqi;height:6.5cqi}.temper-logo small{font-size:1.6cqi}.temper-local{font-size:1.5cqi;max-width:27%}.temper-copy{top:10%;width:60%;bottom:7%}.temper-headline{font-size:8cqi;margin:0 0 8%;line-height:1.06}.temper-action{font-size:2.9cqi;padding:3cqi 3.2cqi}.temper-action b{font-size:3.2cqi}.temper-services{font-size:2.8cqi}.temper-services i{font-size:1.9cqi}.temper-note{font-size:1.7cqi}.concept-glass{width:63%;backdrop-filter:blur(4px) saturate(.72);-webkit-backdrop-filter:blur(4px) saturate(.72)}.process-close h3{font-size:29px}.process-cta{min-height:52px}.process-close>p{font-size:11px}}
@media(max-width:360px){.process-wrap{width:calc(100% - 26px)}.process-step h3{font-size:26px;max-width:285px}.process-copy>p:not(.process-label){font-size:12.5px;line-height:1.65}.process-copy .process-payoff{font-size:13px!important}.process-step{margin-bottom:53px}.process-art figcaption{font-size:8px}.process-copy{margin-bottom:16px}.intake-art{height:min(260px,42svh);width:min(207px,33.4svh)}.process-close h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.praxis-process *,.praxis-process *:before,#range .range-products,#range .range-products>.showcase{animation:none!important;transition:none!important}.revealed .concept-glass{opacity:0!important;visibility:hidden!important}}
/* Protected inner action region and paper notes; no important copy is hidden by a crop. */
.temper-description{display:none}.temper-action{margin-top:auto;flex-shrink:0}.temper-kicker{flex-shrink:0}
@media(min-width:601px){.temper-headline{font-size:6.1cqi;margin:3% 0 5%}}
.intake-bottom{margin-top:5%}.intake-thinking svg{height:21cqi}.intake-reference img{height:21cqi}
@media(min-width:1280px){.process-step h3{min-height:76px}.process-copy{height:196px}.praxis-process{padding-bottom:42px}.process-close{margin-top:23px}}

/* S04-06: alternating studio compositions. Semantic copy/visual order is unchanged. */
@media(min-width:1000px){
 .praxis-process{padding:108px 0 76px}
 .process-wrap{width:min(1240px,calc(100% - 112px))}
 #process-title{margin-bottom:44px;text-align:left}
 .process-stations{display:flex;flex-direction:column;gap:52px}
 .process-step{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:76px;align-items:center;text-align:left;margin:0;min-height:390px}
 .process-copy{grid-column:2;grid-row:1;height:auto;max-width:435px;width:100%;margin:0;justify-self:center}
 .process-step:nth-child(2) .process-copy{grid-column:1}
 .process-art{grid-column:1;grid-row:1}
 .process-step:nth-child(2) .process-art{grid-column:2}
 .process-label{font-size:10px!important;margin-bottom:19px!important}
 .process-step h3{font-size:clamp(33px,2.65vw,39px);line-height:1.13;min-height:0;max-width:435px;margin:0 0 19px;text-wrap:pretty}
 .process-copy>p:not(.process-label){font-size:14px;line-height:1.8;max-width:365px;margin:0}
 .process-copy .process-reassurance{font-size:11px!important;margin-top:12px!important}
 .process-copy .process-payoff{font-size:15px!important;margin-top:19px!important}
 .intake-art{width:285px;height:360px}
 .screen-art{width:100%;height:auto;aspect-ratio:1.48}
 .screen-scene{inset:4% 1% 8%}
 .temper-nav{display:flex}.temper-local{font-size:1.35cqi;max-width:20%}
 .temper-kicker{font-size:1.3cqi}.temper-headline{font-size:6.1cqi;margin:3% 0 5%}
 .temper-action{font-size:2.15cqi;padding:2.3cqi 2.6cqi}
 .temper-services{font-size:2.05cqi}.temper-services>b{display:block}
 .concept-glass{backdrop-filter:blur(5px) saturate(.72);-webkit-backdrop-filter:blur(5px) saturate(.72)}
 .process-close{margin:44px auto 0;max-width:500px}
 .close-rule{height:24px;margin-bottom:23px}
 .process-close h3{font-size:33px;margin-bottom:20px}
}
@media(min-width:1000px) and (max-width:1199px){
 .process-wrap{width:calc(100% - 88px)}
 .process-step{column-gap:48px;min-height:360px}
 .process-stations{gap:42px}
 .process-step h3{font-size:33px}
 .intake-art{width:268px;height:338px}
}