/* Original statements, with a distinct interactive drawing for each stage. */
.studio-home #approach .section_value-scroll{height:auto;min-height:0;padding:2rem 0 4rem}
.studio-home #approach .value_section-wrapper{gap:1.25rem}
.studio-home #approach .value_card-heading{overflow:visible;width:100%;min-width:0;max-width:100%}
.studio-home #approach .value_card-heading h2{margin:0}
.samim-approach-content{position:relative;width:100%;--scene-light:50%;color:#e4e7ed}
.approach-interaction-hint{text-align:center;color:#b8bfcd;font-size:12px;letter-spacing:.03em;margin:0 0 2rem}
.approach-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;position:relative}
/* Fade the ambient light before its box ends, avoiding a horizontal cutoff. */
.approach-scenes:before{content:"";position:absolute;inset:-50px 0;pointer-events:none;background:radial-gradient(ellipse at var(--scene-light) 25%,#f47c2318,transparent 60%);mask-image:linear-gradient(transparent,#000 100px,#000 calc(100% - 100px),transparent)}
.approach-scene{position:relative;min-width:0;border-top:1px solid #ffae7945;border-bottom:1px solid #ffae7924;border-radius:2px 2px 20px 20px;background:linear-gradient(165deg,#291d2d75,#101526e8 55%);transition:background .4s,border-color .4s;--ink:#fa8c46}
.approach-scene:is(:hover,:focus-within),.approach-scene.is-active{border-color:#ffae7990;background:linear-gradient(165deg,#57302388,#101526ed 55%)}
.approach-scene-heading{display:flex;gap:14px;align-items:baseline;padding:28px 24px 0}
.approach-number{font-size:12px;color:#ffae79}
.approach-scene h3{font-size:clamp(26px,2.6vw,38px);line-height:1.2;font-weight:400;margin:0}
.approach-scene h3 strong{font-weight:600;color:#ff853c}
.approach-art{display:block;position:relative;width:100%;height:190px;border:0;background:transparent;color:var(--ink);padding:8px 24px;cursor:pointer;overflow:hidden;isolation:isolate}
.approach-art:before{content:"";position:absolute;inset:15%;z-index:-1;background:radial-gradient(ellipse,#f5763226,transparent 68%);opacity:.5;transition:opacity .5s,transform .8s}
.approach-art svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 9px #ff762823);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.approach-art-cue{position:absolute;bottom:16px;right:24px;border:1px solid #ffae7940;border-radius:50%;width:26px;height:26px;font-size:16px;display:grid;place-items:center;transition:transform .5s}
.approach-scene.is-active .approach-art:before{opacity:1;transform:scale(1.4)}
.approach-scene.is-active .approach-art svg{transform:scale(1.08)}
.approach-scene.is-active .approach-art-cue{transform:rotate(90deg)}
.approach-art:focus-visible{outline:2px solid #ffb574;outline-offset:-5px;border-radius:8px}
.approach-scene-copy{padding:0 24px 28px}
.approach-scene-copy p{font-size:15px;line-height:1.8;color:#cbd0dc;margin:0 0 20px}
.approach-scene-copy>p:first-child{color:#f1ebe7;font-size:16px;line-height:1.7}
.approach-scene-copy p:last-child{margin-bottom:0;color:#e9d2c2}
.grasp-traces{transform-origin:160px 95px;transition:transform 1s,opacity 1s;opacity:.65}
.grasp-lens{transform-origin:160px 95px;transform:translate(-28px,5px) rotate(-18deg);transition:transform 1s}
.approach-scene.is-active .grasp-traces{transform:scaleY(.12);opacity:1}
.approach-scene.is-active .grasp-lens{transform:translate(0,0) rotate(0deg)}
.art-core{transition:filter .8s;filter:drop-shadow(0 0 4px #ff7c36)}
.approach-scene.is-active .art-core{filter:drop-shadow(0 0 13px #ff7c36)}
.imagine-petal{transform-origin:160px 95px;transform:rotate(calc(var(--turn) * .55)) scale(.95);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.approach-scene.is-active .imagine-petal{transform:rotate(var(--turn)) scale(.9)}
.imagine-stars{opacity:.2;transform-origin:center;transition:opacity 1s,transform 1s;transform:scale(.8)}
.approach-scene.is-active .imagine-stars{opacity:1;transform:scale(1)}
.create-layer{transform-origin:160px 95px;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.layer-top{transform:translate(15px,-18px)}.layer-middle{transform:translate(-16px,0)}.layer-bottom{transform:translate(6px,15px)}
.approach-scene.is-active .create-layer{transform:translate(0,0)}
.create-mark{opacity:0;transform:translate(15px,-18px);transition:opacity .7s .2s,transform 1s}
.approach-scene.is-active .create-mark{opacity:1;transform:translate(0,0)}
@media(max-width:1100px){.approach-scenes{gap:14px}.approach-scene-heading{padding:24px 18px 0}.approach-scene-copy{padding:0 18px 24px}.approach-scene-copy p{font-size:14px}.approach-scene-copy>p:first-child{font-size:15px}.approach-art{padding:8px 18px;height:170px}}
@media(max-width:800px){.approach-scenes{grid-template-columns:1fr;gap:28px}.approach-scene{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center}.approach-scene-heading{padding:24px;font-size:30px}.approach-art{height:145px;grid-column:2;grid-row:1}.approach-scene-copy{grid-column:1/-1;padding:0 24px 28px}.approach-scene h3{font-size:32px}.approach-scene-copy p,.approach-scene-copy>p:first-child{font-size:16px;line-height:1.8}.approach-art-cue{bottom:8px;right:16px}.studio-home #approach .section_value-scroll{padding-top:0;padding-bottom:2rem}}
@media(max-width:440px){.approach-scene{grid-template-columns:1fr 128px}.approach-scene-heading{padding:24px 0 24px 18px;gap:9px}.approach-scene h3{font-size:27px}.approach-art{height:125px;padding:4px 8px}.approach-number{font-size:10px}.approach-scene-copy{padding:0 18px 24px}.approach-scene-copy p,.approach-scene-copy>p:first-child{font-size:15px}.approach-art-cue{width:20px;height:20px;font-size:13px;bottom:8px;right:12px}}
@media(prefers-reduced-motion:reduce){.approach-scene,.approach-art *,.approach-art:before{transition:none!important}.studio-home .parallax_woods:after{transform:none}}
/* Distant trees fall into haze, while the nearest silhouettes retain the drawing. */
.studio-home .section_parallax{pointer-events:none;mask-image:linear-gradient(#0000 0%,#000 18%,#000 72%,#0000 100%)}
.studio-home .parallax_bg{filter:blur(3px);opacity:.6}
.studio-home .parallax_tree.tree1{filter:blur(2px);opacity:.65}
.studio-home .parallax_tree.tree2{filter:blur(1px);opacity:.8}
.studio-home .parallax_woods:before{content:"";position:absolute;inset:0;z-index:8;background:radial-gradient(ellipse at var(--forest-light,65%) 28%,#ff985421,transparent 40%),linear-gradient(transparent 12%,#5f769923 45%,transparent 72%);pointer-events:none}
.studio-home .parallax_woods:after{content:"";position:absolute;z-index:12;inset:45% 0 0;background:radial-gradient(ellipse at 25% 40%,#92accc16,transparent 58%),radial-gradient(ellipse at 75% 65%,#d9a17112,transparent 55%);filter:blur(22px);transform:translate3d(0,var(--forest-mist-y,0px),0);pointer-events:none}

/* Match the existing service gradient before its section boundary. */
.studio-home .section_services{background:none;isolation:isolate}
.studio-home .section_services:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1636 50%,#0e0f1e);mask-image:linear-gradient(transparent,#000 180px);pointer-events:none}
.studio-home .parallax_woods{height:clamp(480px,75vw,960px)}
.studio-home .parallax_woods>img{height:100%;object-fit:cover}
@media(max-width:767px){.studio-home #approach{position:relative}.studio-home #approach:before{content:"";position:absolute;inset:250px 0 0;background:url('/assets/6ae3fb8e88-66bc57d6bf62c2412cd99b00_Trees6.png') center bottom / auto 100% no-repeat;opacity:.14;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);pointer-events:none}.studio-home .section_parallax{padding-top:0}.studio-home .section_services:before{mask-image:linear-gradient(transparent,#000 100px)}}
/* Forest overlap follows the artwork's size, rather than subtracting several
   screen heights. Content and services stay in order on tall and short screens. */
.studio-home #approach.sticky-wrapper{margin-bottom:0}
.studio-home #approach .spacer-150vh{display:none}
.studio-home .section_parallax{margin-top:calc(-1 * min(65vw,720px));padding-top:0}
/* Override the legacy tablet illustration height without stretching the rings. */
.studio-home .services_service-card-right.studio-strategy-art{height:auto;aspect-ratio:1;align-self:center}

/* Enhance the excerpt only after controls are ready; no-script readers get all copy. */
.approach-more-inner{min-height:0}
.samim-approach-content.is-enhanced .approach-scene.is-expanded{z-index:5;border-bottom-color:transparent;border-radius:2px 2px 0 0}
/* A continuation floats over the forest instead of moving the page on hover. */
.samim-approach-content.is-enhanced .approach-more{position:absolute;top:calc(100% - 28px);left:0;right:0;z-index:2;padding:0 24px 28px;border-bottom:1px solid #ffae7990;border-radius:0 0 20px 20px;background:#111626;box-shadow:0 24px 32px -18px #060915b3;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}
.samim-approach-content.is-enhanced .approach-more-inner{max-height:min(420px,55svh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffae7970 transparent}
.samim-approach-content.is-enhanced .approach-scene.is-expanded .approach-more{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
@media(min-width:801px) and (max-width:1100px){.samim-approach-content.is-enhanced .approach-more{top:calc(100% - 24px);padding:0 18px 24px}}
@media(max-width:440px){.samim-approach-content.is-enhanced .approach-more{top:calc(100% - 24px);padding:0 18px 24px}}
.approach-more-inner>p:first-child{padding-top:18px;color:#cbd0dc}
.approach-read-more{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 0;border:0;background:none;color:#ffb574;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.approach-read-more[hidden]{display:none}
.approach-read-icon{font-size:22px;line-height:1;font-weight:400}
.approach-read-more:focus-visible{outline:2px solid #ffb574;outline-offset:4px;border-radius:2px}
.approach-scene-copy>p:first-child{margin-bottom:10px}
@media(prefers-reduced-motion:reduce){.samim-approach-content.is-enhanced .approach-more{transition:none}}