/* Original Ansel editorial rhythm and supporting motion. Essential content is never hidden. */
.studio-revision .section{padding-block:110px}.studio-revision #offering{padding-top:130px}.studio-revision #offering .section-heading{grid-template-columns:1.25fr 1fr}.studio-revision #offering h2{font-size:clamp(48px,6vw,88px);line-height:1}.studio-revision .service-row{position:relative;padding-block:45px;transition:background .25s,padding .25s}.studio-revision .service-row:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#865333;transform:scaleY(0);transform-origin:top;transition:transform .35s}.studio-revision .service-row:hover,.studio-revision .service-row:focus-visible{background:#eae3d9;padding-left:20px;padding-right:20px}.studio-revision .service-row:hover:before,.studio-revision .service-row:focus-visible:before{transform:scaleY(1)}
.studio-workbench{position:relative;isolation:isolate;overflow:hidden;background:#171d1f;color:#f5f2ec;padding:110px 0}.studio-workbench .wrap{position:relative;z-index:1}.workbench-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;align-items:end;margin-bottom:60px}.workbench-heading h2{font-size:clamp(45px,5.5vw,80px);line-height:1.02}.workbench-heading>p{font-size:18px;color:#d5cec4;max-width:400px}.studio-workbench .eyebrow{color:#dcaf88}.studio-workbench .fold-mark{position:absolute;right:-40px;top:50px;width:380px;height:310px;opacity:.18;z-index:0}.fold-mark path{stroke:#bd8f68;stroke-width:.7}.studio-workbench .scenario-tabs{gap:12px;border-color:#625d56}.studio-workbench .scenario-tabs button{font-size:15px;padding:18px 25px;min-height:48px}.studio-workbench .scenario-tabs button:focus-visible{outline:2px solid #edc9a5;outline-offset:4px}.studio-workbench .scenario-tabs button[aria-pressed=true]{background:#f5f2ec;color:#191d1e;border-color:#ca9c75}.studio-workbench .workflow-stage{background:#f5f2ec;padding:38px}.workbench-label{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #b8aea1;padding-bottom:20px}.workbench-label .eyebrow{color:#765033;margin:0}.workbench-label>span{font-size:12px;color:#635b52}.studio-workbench .workflow-stage ol{margin-block:36px}.studio-workbench .workflow-stage li{padding-right:22px}.studio-workbench .human-step{background:#e6d8c8}.studio-workbench .workflow-stage strong{font-size:25px}.studio-workbench .workflow-stage p{font-size:14px}.studio-workbench .workflow-stage .eyebrow{color:#765033}.studio-workbench .workflow-bottom a{color:#68432b}
.studio-revision .web-feature{padding-block:135px;background:#e9e3da}.studio-revision .web-grid{gap:90px}.studio-revision .web-grid h2{font-size:clamp(45px,5.3vw,76px);line-height:1.03}.studio-revision .browser-concept{box-shadow:20px 24px 0 #d7c8b6;border-color:#8a6b51}.studio-revision #approach .industry-row{padding-block:34px}.studio-revision #approach h2{font-size:clamp(45px,5vw,72px);line-height:1.03}.studio-revision .founder-feature{background:#f5f2ec;padding-block:120px}.studio-revision .founder-grid figure{position:relative;padding:0 20px 20px 0}.studio-revision .founder-grid figure:before{content:'';position:absolute;inset:24px 0 0 24px;border:1px solid #987050;z-index:0}.studio-revision .founder-grid img,.studio-revision .founder-grid figcaption{position:relative}.studio-revision .founder-grid figcaption{background:#f5f2ec;padding-top:8px}
.studio-revision .building-band{position:relative;overflow:hidden;background:#1a2022;color:#f5f2ec;padding-block:110px}.studio-revision .building-band .wrap{position:relative}.studio-revision .building-band .eyebrow{color:#dcaf88}.studio-revision .building-band .fold-mark{position:absolute;width:300px;right:0;top:-25px;opacity:.35}.studio-revision .building-band h2{position:relative}.studio-revision .building-band .text-link{color:#edc9a5}.studio-projects{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:45px 0}.studio-projects a{display:flex;flex-direction:column;align-items:start;gap:12px;border-block:1px solid #67645f;padding-block:26px;text-decoration:none}.studio-projects span{font-size:10px;letter-spacing:.12em;color:#e5bb96}.studio-projects strong{font-size:35px;font-weight:500;letter-spacing:-.045em}.studio-projects small{color:#e0d9d0;font-size:13px}.studio-projects a:hover strong,.studio-projects a:focus-visible strong{color:#edc9a5}
.studio-revision #updates .article-grid{gap:42px}.studio-revision .article-art{height:310px;padding:28px;display:block}.studio-revision .art-0{background:#e9e0d3}.studio-revision .art-1{background:#192022}.studio-revision .art-1:after{display:none}.guide-kicker{font-size:9px;letter-spacing:.12em;line-height:1.4;color:#775238}.art-1 .guide-kicker{color:#dbb48f}.guide-diagram{display:block;width:100%;height:190px;overflow:visible}.guide-diagram path,.guide-diagram rect{fill:none;stroke:#92613d;stroke-width:1.6}.guide-diagram rect{fill:#e9e0d3}.guide-diagram .guide-track{stroke:#bcb0a1}.guide-diagram .guide-route{stroke-width:2.5}.guide-labels,.clarity-labels{display:flex;justify-content:space-between;align-items:center;gap:8px}.studio-revision .article-art .guide-labels span{font:500 26px/1.1 Arial;letter-spacing:-.04em;white-space:normal;border:0;padding:0;color:#68452c}.studio-revision .article-art .clarity-labels span{font:500 30px/1.1 Arial;letter-spacing:-.05em;white-space:normal;border:0;padding:0;color:#f5f2ec}.art-1 .guide-diagram path,.art-1 .guide-diagram rect{stroke:#d7ab83}.art-1 .guide-diagram rect{fill:#192022}.art-1 .clarity-inputs path{stroke:#9a8a79}.studio-revision .article-card:focus-visible{outline:2px solid #865333;outline-offset:6px}.studio-revision .article-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.studio-dock{position:fixed;bottom:22px;right:24px;z-index:20;display:flex;align-items:center;gap:20px;background:#f5f2ec;color:#171d1f;padding:9px 10px 9px 20px;border:1px solid #a98d75;box-shadow:0 5px 20px #0002}.studio-dock[hidden]{display:none}.studio-dock>span{font-size:12px}.studio-dock a{background:#1a2022;color:#f5f2ec;text-decoration:none;padding:12px 18px;font-size:13px;min-height:44px}.studio-dock a span{margin-left:20px}.studio-revision .agency-cta h2{font-size:clamp(48px,6.5vw,90px)}
@media(max-width:760px){.studio-revision .section,.studio-revision #offering{padding-block:70px}.studio-revision #offering .section-heading{grid-template-columns:1fr}.studio-revision .service-row{padding-block:28px}.studio-workbench{padding-block:70px}.workbench-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.workbench-heading h2{font-size:45px}.workbench-heading>p{font-size:16px}.studio-workbench .scenario-tabs{gap:3px}.studio-workbench .scenario-tabs button{font-size:12px;padding:15px 8px}.studio-workbench .friction p{font-size:16px}.studio-workbench .workflow-stage{padding:24px 20px}.workbench-label{display:block}.workbench-label>span{display:block;margin-top:10px}.studio-workbench .workflow-stage ol{margin-bottom:10px}.studio-workbench .workflow-stage li{padding-bottom:28px}.studio-workbench .workflow-stage li:last-child{padding-bottom:12px}.studio-revision .web-feature{padding-block:75px}.studio-revision .web-grid{gap:40px}.studio-revision .browser-concept{box-shadow:9px 12px 0 #d7c8b6;margin-right:10px}.studio-revision .founder-feature{padding-block:75px}.studio-revision .building-band{padding-block:75px}.studio-revision .building-band .fold-mark{width:190px;opacity:.16;right:-30px;top:20px}.studio-projects{grid-template-columns:1fr;gap:12px}.studio-projects strong{font-size:32px}.studio-revision .article-art{height:255px;padding:22px}.guide-diagram{height:150px}.studio-revision .article-art .guide-labels span{font-size:22px}.studio-revision .article-art .clarity-labels span{font-size:24px}.studio-dock{right:12px;bottom:12px;padding:6px}.studio-dock>span{display:none}.studio-dock a{padding:12px 15px}.studio-revision .agency-footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.studio-revision .service-row,.studio-revision .service-row:before{transition:none}}

.studio-revision .scenario-tabs{display:none}.studio-js .studio-revision .scenario-tabs{display:flex}
/* A real, keyboard-operable layout study using Ansel's own assets. */
.website-study{min-width:0;border:1px solid #aa927a;background:#f5f2ec;box-shadow:15px 20px 0 #d7c8b6}.study-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #c5b8a7;padding:15px}.study-toolbar>span{font-size:9px;line-height:1.5;letter-spacing:.06em;color:#6c4b33}.study-controls{display:none;gap:2px}.studio-js .study-controls{display:flex}.study-controls button{font:12px Arial;min-height:44px;padding:10px 12px;border:1px solid #b4a28f;background:transparent;color:#191f21;cursor:pointer}.study-controls button[aria-pressed=true]{background:#191f21;color:#f5f2ec;border-color:#191f21}.study-controls button:focus-visible{outline:2px solid #805335;outline-offset:3px}.study-stage{padding:28px 20px;background:#ded4c5;min-height:390px;display:flex;align-items:center;justify-content:center}.study-page{background:#f5f2ec;border:1px solid #bda991;width:100%;max-width:100%;box-shadow:0 8px 18px #35271c14}.study-brand{display:flex;align-items:center;gap:7px;padding:16px;border-bottom:1px solid #d6cabb;font-size:8px;letter-spacing:.08em}.study-brand>img{width:23px;height:23px}.study-nav{margin-left:auto;font-size:7px;letter-spacing:0}.study-story{display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:center;padding:26px 18px}.study-eyebrow{font-size:7px;letter-spacing:.07em;color:#805335;display:block;margin-bottom:16px}.study-story strong{display:block;font-size:clamp(26px,2.6vw,38px);line-height:1;letter-spacing:-.065em;font-weight:500}.study-story p{font-size:11px;line-height:1.45;margin-top:16px}.study-contact{display:flex;align-items:center;justify-content:space-between;gap:16px;width:fit-content;padding:12px;background:#191f21;color:#f5f2ec;font-size:9px;margin-top:20px}.study-contact .link-arrow{width:12px;height:12px}.study-sculpture{width:100%;aspect-ratio:1/1.4;object-fit:cover;object-position:center}.study-services{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;border-top:1px solid #d6cabb;font-size:8px;line-height:1.5;color:#68452c}.study-caption{font-size:12px;line-height:1.6;color:#605b55;padding:18px 20px;margin:0!important}.study-page[data-layout-preview=phone]{width:240px}.study-page[data-layout-preview=phone] .study-nav{display:none}.study-page[data-layout-preview=phone] .study-story{grid-template-columns:1fr;padding:22px}.study-page[data-layout-preview=phone] .study-story strong{font-size:34px}.study-page[data-layout-preview=phone] .study-sculpture{height:125px;aspect-ratio:auto;object-fit:cover;margin-top:20px}.study-page[data-layout-preview=phone] .study-services{grid-template-columns:1fr;font-size:10px;gap:7px}.study-page[data-layout-preview=phone] .study-services span+span{border-top:1px solid #d6cabb;padding-top:7px}
@media(max-width:760px){.studio-workbench{padding-block:52px}.workbench-heading{gap:18px;margin-bottom:25px}.workbench-heading h2{font-size:38px}.workbench-heading>p{font-size:15px}.studio-workbench .friction{padding-block:20px}.studio-workbench .workflow-stage{padding:22px 18px}.studio-workbench .workflow-stage ol{margin-top:22px}.studio-workbench .workflow-stage li{padding-bottom:18px}.studio-workbench .workflow-stage li strong{font-size:21px;margin-block:6px}.studio-workbench .workflow-stage li p{font-size:13px;line-height:1.5}.studio-workbench .workflow-stage li.human-step{padding:15px 15px 15px 24px;margin-bottom:18px}.studio-workbench .workflow-bottom{gap:7px;padding-top:14px}.workbench-label{padding-bottom:14px}.workbench-label>span{font-size:11px;margin-top:5px}.website-study{box-shadow:8px 10px 0 #d7c8b6;margin-right:8px}.study-toolbar{padding:10px;gap:8px}.study-toolbar>span{font-size:8px;max-width:120px}.study-controls button{font-size:11px;padding:9px}.study-stage{padding:16px 10px;min-height:340px}.study-story{padding:22px 12px;grid-template-columns:1.3fr .8fr}.study-story strong{font-size:27px}.study-nav{display:none}.study-brand{padding:12px}.study-services{padding:12px;gap:7px;font-size:7px}.study-caption{font-size:11px;padding:16px}.study-eyebrow{font-size:6px}.study-contact{font-size:8px;padding:10px}}
.study-story strong>span{white-space:nowrap}.study-page[data-layout-preview=phone] .study-story strong{font-size:28px}
@media(max-width:760px){.study-story strong{font-size:24px}.study-page[data-layout-preview=wide] .study-story strong>span{white-space:normal}}

/* Reviewed workflow spacing: equal tracks, equal insets, approval highlighted within its own track. */
.studio-workbench .workflow-stage ol{gap:16px;align-items:stretch}
.studio-workbench .workflow-stage li,.studio-workbench .workflow-stage li.human-step{padding:24px 18px;border-top:1px solid var(--copper);margin:0}
.studio-workbench .workflow-stage li:before{left:18px;top:-5px}
.studio-workbench .workflow-stage li strong{min-height:2.3em}
.studio-workbench .workflow-stage li p{max-width:none}
.studio-js .studio-revision .scenario-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(min-width:761px) and (max-width:1000px){.studio-workbench .workflow-stage ol{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}}
@media(max-width:760px){.studio-workbench .workflow-stage ol{gap:0}.studio-workbench .workflow-stage li,.studio-workbench .workflow-stage li.human-step{padding:18px 16px 24px 24px;border-top:0;border-left:1px solid var(--copper);margin:0}.studio-workbench .workflow-stage li:before{left:-5px;top:21px}.studio-workbench .workflow-stage li strong{min-height:0}.studio-workbench .workflow-stage li:last-child{padding-bottom:24px}.studio-workbench .scenario-tabs button{padding:15px 4px}}
