/* One brand hue; graphite surfaces and the original artwork supply depth. */
:root{--cyan:#00afe4;--ink:#080c0f;--muted:#afb4b7;--line:#343a3e}
.hero,.approach,.detail-hero{background:radial-gradient(ellipse at 85% 45%,#00afe409,transparent 60%),#080c0f}.hero::before{border-color:#ffffff0c;box-shadow:0 0 0 70px #ffffff02,0 0 0 140px #ffffff02}.pale{background:#f2f3f3}.hero em,em,.step-number,.model span{color:var(--cyan)}.pale em,.pale .textlink:hover{color:#080c0f}.pale h2 em{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:2px;text-underline-offset:8px}.hero .lead,.founder-grid p:not(.eyebrow),.architecture-copy p,.approach-bottom p{color:#b6bbbe}.portrait-caption{background:#202426b8;border-color:#ffffff28;box-shadow:inset 0 1px #ffffff12,0 15px 40px #0003}.services .service{background:linear-gradient(145deg,#fff,#f4f5f5);border-color:#fff}.service .number{color:#080c0f;background:#fff;border:1px solid #dedfe0;box-shadow:0 3px 7px #00000009;border-bottom:2px solid var(--cyan)}.card-foot span,.cases .eyebrow{color:#080c0f}.cases .eyebrow::before{content:'';display:inline-block;width:14px;height:2px;background:var(--cyan);vertical-align:middle;margin-right:8px}.architecture{background:linear-gradient(135deg,#ffffff06,#ffffff01);border-color:#ffffff20}.glass-plane{background:linear-gradient(125deg,#00afe430,#00afe408);border-color:#00afe480;color:#e7eaec;box-shadow:inset 0 1px 3px #fff4,0 2px 0 #00afe440,0 15px 30px #0003}.architecture[data-step="0"] .glass-plane:nth-child(3),.architecture[data-step="1"] .glass-plane:nth-child(2),.architecture[data-step="2"] .glass-plane:nth-child(1){background:linear-gradient(125deg,#00afe460,#00afe420);box-shadow:inset 0 1px 3px #fff5,0 2px 0 var(--cyan),0 0 30px #00afe412}.architecture-tabs button{background:#ffffff04;color:#b9bdc0;border-color:#ffffff25}.architecture-tabs button[aria-pressed=true]{background:#252b2e;color:#fff;border-color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}.step-trigger{background:linear-gradient(135deg,#272d30e8,#121719f5);border-color:#ffffff25;border-top-color:#ffffff40}.step-panel{background:linear-gradient(135deg,#292f32f5,#101719f7);border-color:#00afe480}.panel-top>span,.step-plus,.timeline-toolbar,.timeline-note,.visual-labels{color:#aeb8bd}.step-panel p{color:#c7cdcf}.motion-control{background:#1c2225;border-color:#ffffff28;color:#c7cdcf}.contact-band{background:#101517;color:white;border-top:1px solid #ffffff18}.contact-band em{color:var(--cyan)}
.button,.button.light,.button.small{background:#202628;color:#f5f7f8;border:1px solid #ffffff29;border-top-color:#ffffff45;border-radius:8px;box-shadow:inset 0 1px #ffffff08,0 2px 3px #0005,0 8px 16px #00000012;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;font-weight:550}.button span{color:var(--cyan);border-left:1px solid #ffffff20;padding-left:16px;font-size:18px}.button:hover,.button.light:hover{background:#2b3235;border-color:#ffffff50;box-shadow:inset 0 1px #ffffff0d,0 3px 5px #0005,0 10px 20px #0002;transform:translateY(-1px)}.button:active,.button.light:active{background:#171d20;transform:translateY(1px);box-shadow:inset 0 2px 4px #0006}.button:focus-visible{outline:2px solid var(--cyan)}.pale .button{border-color:#353d41}.hero-signature{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:530px;margin-top:-25px}.hero-signature .hero-note{margin:0;gap:20px}.hero-emblem{width:148px;height:145px;flex-shrink:0;perspective:700px;display:grid;place-items:center}.emblem-depth{width:200px;height:220px;position:relative;transform-style:preserve-3d;transform:scale(.62) rotateX(12deg) rotateY(-25deg) rotateZ(-7deg)}.emblem-depth span{position:absolute;inset:0;background-image:url('/assets/totus-original.png');background-repeat:no-repeat;background-size:1854px 399.5px;background-position:-1650px -60px;transform:translateZ(calc(var(--depth) * 2px));filter:brightness(.52);pointer-events:none}.emblem-depth span:last-child{filter:none}.emblem-depth::after{content:'';position:absolute;inset:20% 10%;background:#0008;filter:blur(14px);transform:translateZ(-20px) translate(25px,30px)}.brand-sculpture{background:radial-gradient(ellipse at 50% 65%,#00afe40d,#0b1013 70%)}.brand-plaque{box-shadow:1px 2px #d2d6d7,2px 4px #acb2b5,3px 6px #747d82,8px 25px 32px #0008,inset 0 1px #fff}.textlink:hover{color:var(--cyan)}
@media(max-width:1100px){.hero-signature{gap:0}.hero-signature .hero-note{gap:12px}.hero-emblem{width:120px}.emblem-depth{transform:scale(.52) rotateX(12deg) rotateY(-25deg) rotateZ(-7deg)}}
@media(max-width:800px){.hero-signature{margin-top:-5px;max-width:540px}.hero-signature .hero-note{font-size:10px;gap:20px}.hero-emblem{width:145px}.emblem-depth{transform:scale(.62) rotateX(12deg) rotateY(-25deg) rotateZ(-7deg)}}
@media(max-width:450px){.hero-signature .hero-note{gap:12px;font-size:9px}.hero-emblem{width:105px;height:120px}.emblem-depth{transform:scale(.48) rotateX(12deg) rotateY(-25deg) rotateZ(-7deg)}.hero-signature{margin-bottom:15px}}
/* Original mark and wordmark form one header identity. */
.original-brand{display:flex;align-items:center;gap:10px;width:270px}.original-brand img{width:210px;min-width:0;height:auto}.header-emblem{display:grid;place-items:center;width:50px;height:58px;flex-shrink:0;perspective:500px}.header-emblem .emblem-depth{display:block;width:200px;height:220px;transform:scale(.255) rotateX(10deg) rotateY(-25deg) rotateZ(-5deg)}.hero-signature{margin-top:0;min-height:35px}.foot .original-brand{width:250px}.foot .original-brand img{width:190px}@media(max-width:1100px){.original-brand{width:230px;gap:6px}.original-brand img{width:180px}.header-emblem{width:44px}.header-emblem .emblem-depth{transform:scale(.23) rotateX(10deg) rotateY(-25deg) rotateZ(-5deg)}}@media(max-width:450px){.original-brand{width:230px;max-width:72%;gap:4px}.original-brand img{width:calc(100% - 44px)}.header-emblem{width:40px;height:48px}.header-emblem .emblem-depth{transform:scale(.21) rotateX(10deg) rotateY(-25deg) rotateZ(-5deg)}.hero-signature{margin-bottom:25px}}
.header-emblem{position:relative;display:block}.header-emblem .emblem-depth{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.255) rotateX(10deg) rotateY(-25deg) rotateZ(-5deg)}@media(max-width:1100px){.header-emblem .emblem-depth{transform:translate(-50%,-50%) scale(.23) rotateX(10deg) rotateY(-25deg) rotateZ(-5deg)}}@media(max-width:450px){.header-emblem .emblem-depth{transform:translate(-50%,-50%) scale(.21) rotateX(10deg) rotateY(-25deg) rotateZ(-5deg)}}
/* Upright original mark, optically joined to the wordmark. */
.header-emblem .emblem-depth{transform:translate(-50%,-50%) scale(.255)!important}.header-emblem .emblem-depth span{transform:translate(calc(var(--depth) * -.35px),calc(var(--depth) * -.25px))}.original-brand{gap:0;width:250px}.original-brand img{margin-left:-18px;width:218px}.header-emblem{width:50px}.service .number{position:relative;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#00afe43b, #00afe40b 62%,#fff);border-color:#00afe42b;box-shadow:inset 0 1px #fff,0 3px 12px #00afe415;transition:box-shadow .25s,transform .25s}.service:hover .number,.service:focus-visible .number,.service:active .number{box-shadow:inset 0 1px #fff,0 0 24px #00afe44a;transform:translateY(-2px)}@media(max-width:1100px){.original-brand{width:220px}.original-brand img{width:190px;margin-left:-16px}.header-emblem{width:46px}.header-emblem .emblem-depth{transform:translate(-50%,-50%) scale(.23)!important}}@media(max-width:450px){.original-brand{width:220px;max-width:72%}.original-brand img{width:calc(100% - 27px);margin-left:-15px}.header-emblem{width:42px}.header-emblem .emblem-depth{transform:translate(-50%,-50%) scale(.21)!important}}@media(prefers-reduced-motion:reduce){.service .number{transition:none;transform:none}}
.expertise-nav{border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:#14191c}.expertise-nav .wrap{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0}.expertise-nav a{font-size:14px;padding:10px 15px;border-radius:5px;border:1px solid transparent}.expertise-nav a[aria-current=page]{border-color:var(--cyan);background:#ffffff08}.signal-list{padding-left:20px;margin:20px 0 30px}.signal-list li{padding:10px 0;color:#485259;line-height:1.75}.signal-list li::marker{color:#0086ad}.delivery-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}.delivery-steps article{padding:28px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff03}.delivery-steps article>span{color:var(--cyan);display:block}.delivery-steps h3{font-size:26px}.delivery-steps p{color:#b9bfc2;font-size:16px}.workshop-home{border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;background:#12181b}.workshop-home p:not(.eyebrow){color:#b9bfc2}.head nav{gap:16px;font-size:12px}@media(max-width:1150px){.head{flex-wrap:wrap;padding:18px 0;gap:18px}.head nav{flex-wrap:wrap}.delivery-steps{gap:16px}.delivery-steps article{padding:22px}}@media(max-width:800px){.head{flex-wrap:nowrap;padding:0}.head nav{font-size:16px}.delivery-steps{grid-template-columns:1fr}.expertise-nav .wrap{display:grid;grid-template-columns:1fr 1fr}.expertise-nav a{font-size:13px;padding:10px}.detail-grid{gap:35px}}@media(max-width:450px){.expertise-nav .wrap{grid-template-columns:1fr}.delivery-steps article{padding:24px}}
.explainer-section{background:#0c1114}.explainer{border:1px solid #ffffff25;border-radius:16px;overflow:hidden;background:#11191d}.explainer-screen{min-height:410px;position:relative;padding:65px 55px 115px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(ellipse at 30% 40%,#00afe415,transparent 65%)}.explainer-orbit{position:relative;width:210px;height:200px;margin:auto;perspective:800px;transform-style:preserve-3d}.explainer-orbit span{position:absolute;inset:0;border:1px solid #00afe460;border-radius:12px;background:#00afe410;box-shadow:0 10px 25px #0003;transform:rotateX(45deg) rotateZ(-25deg) translateZ(calc(var(--layer)*15px - 45px));display:flex;align-items:flex-end;padding:18px;color:#b8c9d0;transition:background .8s,transform .8s,box-shadow .8s}.explainer-orbit span.active{background:#00afe450;border-color:#00afe4;box-shadow:0 0 25px #00afe425;transform:rotateX(45deg) rotateZ(-25deg) translateZ(calc(var(--layer)*15px - 15px))}.explainer-heading h3{font-size:40px}.explainer-heading .eyebrow{color:var(--cyan)}#ex-caption{position:absolute;bottom:20px;left:8%;right:8%;text-align:center;background:#080c0fdc;padding:15px 22px;border-radius:8px;font-size:17px;margin:0;color:#e0e5e7}.explainer-controls{display:flex;align-items:center;gap:14px;padding:18px 24px;border-top:1px solid #ffffff20;flex-wrap:wrap}.explainer-controls button{min-height:44px;border:1px solid #ffffff30;border-radius:6px;color:#fff;background:#262d31;padding:8px 16px;cursor:pointer}.explainer-controls input{accent-color:var(--cyan);flex:1;min-width:90px}.explainer-controls>span{font-size:12px;color:#acb4b8}@media(max-width:650px){.explainer-screen{grid-template-columns:1fr;padding:40px 20px 160px;gap:35px}.explainer-heading{text-align:center}.explainer-heading h3{font-size:30px}.explainer-orbit{scale:.8;height:180px}#ex-caption{font-size:15px;left:15px;right:15px}.explainer-controls{gap:8px;padding:14px}.explainer-controls>span{width:100%}}@media(prefers-reduced-motion:reduce){.explainer-orbit span{transition:none}}
.brand-video{background:#080c0f;border:1px solid #ffffff20;border-radius:12px;overflow:hidden;aspect-ratio:7/4}.brand-video video{display:block;width:100%;height:100%;object-fit:contain}

/* Restrained glass: mostly neutral, brand cyan only at the light edge. */
.service .number{background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#ffffff 0%,#f0f3f4 56%,#e5eaec 100%);border:1px solid #cbd5d9;border-top-color:#fff;border-bottom-color:#00afe447;box-shadow:inset 1px 1px 2px #fff,inset -1px -2px 3px #53636b12,0 2px 0 #d8dfe2,0 8px 18px #15232b0a;border-radius:18px;overflow:hidden}
.service .number:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 25%,#ffffffa8 45%,#00afe412 51%,transparent 65%);transform:translateX(-80%);transition:transform .7s;pointer-events:none}
.service:hover .number,.service:focus-visible .number{box-shadow:inset 1px 1px 2px #fff,0 2px 0 #cbd6da,0 10px 22px #15232b13;transform:translateY(-2px)}
.service:hover .number:after,.service:focus-visible .number:after{transform:translateX(70%)}
.engagement-line{max-width:590px;font-size:14px;color:#bec5c8;line-height:1.9;margin:25px 0}
.film-section{background:#080c0f;border-top:1px solid #ffffff15}.film-section .insight-teaser{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);align-items:center;gap:42px}.film-section .brand-video{border:0;border-radius:3px;box-shadow:0 18px 65px #0004;aspect-ratio:7/4}.film-section .insight-teaser p{color:#bec5c8}.film-section em{color:#fff}
.article-categories{display:flex;flex-wrap:wrap;gap:12px}.article-categories a{border:1px solid #b9c3c8;border-radius:6px;padding:12px 18px;font-size:14px}.article-category{padding-top:65px;scroll-margin-top:110px}.article-grid{display:grid;grid-template-columns:1fr;gap:25px}.article-grid article{padding:30px;border:1px solid #d5dbde;border-radius:10px;background:#fff}.article-grid h3{max-width:850px}.article-body{max-width:820px}.article-body p{line-height:1.9;margin:0 0 22px}.article-body h2{font-size:30px;margin-top:40px}.article-note{font-size:14px;color:#52626a}
@media(max-width:800px){.film-section .insight-teaser{grid-template-columns:1fr;gap:24px}.article-grid article{padding:23px}.engagement-line{font-size:13px}}
@media(prefers-reduced-motion:reduce){.service .number:after{transition:none;transform:none}}

/* Light reading surfaces, dark opening and restrained film canvas. */
.approach{background:#fafbfb;color:#17252c}.approach .section-head p,.approach .architecture-copy p,.approach .approach-bottom p{color:#4a5c65}.approach .architecture{background:linear-gradient(140deg,#eef2f3,#fff);border-color:#d4dfe3}.approach .glass-plane{color:#173e4b}.approach .architecture-tabs button{color:#344e5a;background:#fff;border-color:#c5d3d9}.approach .architecture-tabs button[aria-pressed=true]{background:#e4edf0;color:#182c36}.approach .step-trigger{color:#1d3540;background:linear-gradient(130deg,#fff,#eaf0f2);border-color:#b8cbd3;box-shadow:inset 0 1px #fff,0 3px #d2dde1,0 12px 24px #253d4710}.approach .step-number{color:#006d8e}.approach .timeline-toolbar,.approach .timeline-note,.approach .step-plus{color:#4c626d}.approach .motion-control{background:#fff;border-color:#bdcdd4;color:#344e5a}.approach .step-panel{background:linear-gradient(135deg,#fff,#edf3f5);border-color:#a9c6d2;color:#172d38;box-shadow:0 16px 45px #16354023}.approach .step-panel p,.approach .panel-top>span{color:#455f6b}.approach .panel-close{background:#fff;color:#263f4b;border-color:#b9cbd3}.approach .approach-bottom{border-color:#cbd7dc}
.workshop-home{background:#e8eff1;color:#1b303b;border-color:#d1dde2}.workshop-home p:not(.eyebrow){color:#465e69}.founder{background:#fafbfb;color:#182c36}.founder-grid{color:#182c36}.founder-grid p:not(.eyebrow){color:#4a606a}
.film-section{background:#edf1f2;color:#1c303a;border-color:#d5dfe3}.film-section em{color:#1c303a}.film-section .insight-teaser p{color:#4b606b}.film-section .brand-video{aspect-ratio:auto;background:#080c0f;border-radius:10px;box-shadow:0 14px 38px #162e381b}.brand-video video{height:auto;aspect-ratio:7/4}.film-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 18px;background:#f9fbfb;border:1px solid #d0dce1;color:#2c424d}.film-controls[hidden]{display:none}.film-controls button{min-height:44px;padding:9px 16px;background:white;color:#243e4a;border:1px solid #bacbd3;border-radius:7px;cursor:pointer;font:inherit;font-size:14px}.film-controls button:focus-visible{outline:2px solid #007fa5;outline-offset:3px}.film-status{font-size:12px;color:#536b77}

/* Editorial light continuity with precision glass details. */
.engagement-line{display:flex;flex-wrap:wrap;gap:9px 20px;max-width:650px;font-size:13px;line-height:1.6}.engagement-line span{display:block;white-space:normal}.engagement-line span::before{content:'';display:inline-block;width:4px;height:4px;background:#00afe4;margin:0 8px 3px 0;border-radius:50%}.hero-signature .hero-note{color:#c3cdd2;font-size:11px;letter-spacing:1.8px}.hero-note span{border-color:#61747e}
main>.section:not(.hero){background-color:#f7f9fa;color:#1c303a}.section:not(.hero) .delivery-steps article{background:#fff;border-color:#cbd7dc}.section:not(.hero) .delivery-steps p{color:#475f6b}.contact-band{background:#eaf0f2;color:#1c303a;border-color:#c6d6de}.contact-band p{color:#475e69}footer{background:#f4f7f8;color:#324b58;border-top:1px solid #d2dfe5}footer p,footer .legal{color:#506975}
.founder h2,.founder h3{color:#1b303c;text-shadow:none!important;filter:none!important}.founder h2{background:none;-webkit-text-fill-color:currentColor}.founder{background:#fafbfc!important}
.approach .architecture{position:relative;isolation:isolate;background:radial-gradient(ellipse at 20% 55%,#00afe40b,transparent 65%),linear-gradient(140deg,#f0f5f7,#fff);border:1px solid #bfd1d9;box-shadow:inset 0 1px white,0 14px 40px #23495809}.architecture-stage{position:relative}.architecture-stage:before{content:'';position:absolute;inset:8%;border:1px solid #7fa6b825;border-radius:50%;box-shadow:0 0 0 22px #719bac08,0 0 0 44px #719bac05;pointer-events:none}.approach .glass-plane{border-color:#549ab4;box-shadow:inset 0 1px 2px #fff,0 3px 0 #8bb3c350,0 15px 30px #224e6414}
.approach .timeline{background:linear-gradient(145deg,#edf3f6,#fafdfe);padding:28px 24px;border:1px solid #c2d5df;border-radius:20px;box-shadow:inset 0 1px #fff,0 10px 30px #183e5008}.approach .step-trigger{border:1px solid #93afbd;border-top:2px solid #73b5cd;background:linear-gradient(135deg,#fff,#e3edf2);box-shadow:inset 0 1px #fff,0 4px 0 #bdcfd9,0 12px 24px #19476015}.approach .step-number{font-size:19px;font-weight:600;letter-spacing:-.5px;color:#14617d}.approach .step-title{font-weight:550;color:#1b3543}.approach .step-trigger:hover,.approach .step-trigger[aria-expanded=true]{border-color:#008cb5;box-shadow:inset 0 1px #fff,0 4px #aacbd9,0 15px 30px #0085af1b;transform:translateY(-4px)}.approach .timeline-wires path{stroke:#2688a7;opacity:.65}.approach .step-panel{border-top:2px solid #259abb;backdrop-filter:blur(22px)}
.workshop-home{padding:60px 0!important;background:#f7f9fa!important;border:0}.workshop-home>.wrap{position:relative;isolation:isolate;padding:55px;border:1px solid #9dbfcd;border-radius:24px;background:radial-gradient(ellipse at 0 0,#bde5ed80,transparent 65%),linear-gradient(115deg,#e3f0f4,#f7fcfd);box-shadow:inset 0 1px #fff,0 6px 0 #d6e5ec,0 20px 50px #264c6010;overflow:hidden}.workshop-home>.wrap:after{content:'';position:absolute;z-index:-1;right:-55px;bottom:-130px;width:380px;height:380px;border:1px solid #73a6b840;border-radius:50%;box-shadow:0 0 0 35px #73a6b812,0 0 0 70px #73a6b808}.workshop-symbol{display:flex;gap:7px;margin:24px 0}.workshop-symbol i{width:22px;height:22px;border:1px solid #66a5bd;background:#ffffff70;border-radius:6px;box-shadow:2px 3px #9dbcca50}.workshop-symbol i:nth-child(2){transform:translateY(-5px);background:#00afe428}.workshop-symbol i:nth-child(4){transform:translateY(5px)}.workshop-home .textlink{border-color:#5c91a6;color:#174e64}.workshop-home h2{font-size:clamp(30px,3.3vw,48px)}
@media(max-width:900px){.approach .timeline{padding:24px 18px}.workshop-home>.wrap{padding:32px 24px;width:calc(100% - 36px)}.engagement-line{display:grid;gap:6px}.workshop-home{padding:32px 0!important}}
@media(prefers-reduced-motion:reduce){.approach .step-trigger:hover{transform:none}}
.timeline-item:has(.step-trigger[aria-expanded=true]){z-index:20}

/* A continuous sequence of thin glass screens, suspended over a common rail. */
.approach .architecture{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;box-shadow:none}.sequence-bridge{position:relative;text-align:center;padding:40px 20px 12px;background:linear-gradient(#f4f8fa,#edf4f7);border-left:1px solid #bfd1d9;border-right:1px solid #bfd1d9;color:#335566}.sequence-bridge:before{content:'';display:block;width:1px;height:35px;margin:0 auto 18px;background:linear-gradient(transparent,#4299b3)}.sequence-bridge span{font-size:10px;letter-spacing:2px;text-transform:uppercase}.sequence-bridge p{font-size:20px;margin:9px 0;font-weight:450}.approach .timeline{margin:0 0 20px;border-top:0;border-radius:0 0 24px 24px;padding:22px 24px 28px;background:radial-gradient(ellipse at 50% 70%,#c7dfe940,transparent 65%),linear-gradient(#edf4f7,#f8fbfc);box-shadow:0 25px 45px #234a5808}.timeline-toolbar{padding:0 4px}.timeline-track{padding:70px 0 90px;min-height:350px;gap:17px;perspective:1500px}.timeline-item:nth-of-type(n){transform:none;border:0}.timeline-item:before{content:'';position:absolute;left:50%;top:calc(100% + 9px);height:43px;width:1px;background:linear-gradient(#438da775,#438da725)}.timeline-item:after{content:'';position:absolute;left:calc(50% - 4px);top:calc(100% + 49px);width:8px;height:8px;border-radius:50%;background:#438fa7;box-shadow:0 0 0 5px #fff9,0 0 0 6px #7baebd35}.approach .step-trigger{min-height:185px;padding:23px 14px;border:1px solid #ffffff;border-right-color:#8db3c28a;border-bottom-color:#7ca6b970;border-radius:5px;background:linear-gradient(118deg,#ffffffb5 0%,#ffffff30 37%,#c5e1ea40 60%,#ffffff90 100%);box-shadow:inset 1px 1px 0 #fff,inset -2px 0 0 #8bafbd24,3px 3px 0 #9ab9c32b,9px 16px 24px #32596c18;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:rotateY(-9deg);transform-origin:center;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s}.approach .step-trigger:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fff8 21%,#ffffff18 40%,transparent 41%);pointer-events:none}.approach .step-trigger:after{content:'';position:absolute;left:13px;right:13px;bottom:14px;height:3px;border-left:18px solid #378aa3;background:linear-gradient(90deg,#8ab1c14a,transparent)}.approach .step-number{font-size:27px;font-weight:350;margin-bottom:28px;color:#346b80;position:relative}.approach .step-title{font-size:13px;line-height:1.55;position:relative;color:#203f4e}.approach .step-plus{color:#346b80}.approach .step-trigger:hover,.approach .step-trigger[aria-expanded=true]{transform:rotateY(0) translateY(-9px);border-color:#ffffff;box-shadow:inset 1px 1px #fff,inset -1px -1px #6ba3b575,3px 4px #a0c5d23b,0 22px 35px #2f688625}.approach .timeline-wires path{stroke:#518ea4;stroke-width:1;stroke-dasharray:2 6;opacity:.6}.approach .timeline-wires path+path{opacity:.22;stroke-dasharray:none}.approach .step-panel{background:linear-gradient(120deg,#ffffffed,#eaf4f8df);border:1px solid white;border-right-color:#9dbbc8;border-bottom-color:#9dbbc8;border-radius:7px;box-shadow:inset 0 1px white,4px 5px #bad0db30,0 20px 50px #2e586b25}
@media(max-width:900px){.timeline-track{grid-template-columns:1fr;gap:28px;padding:28px 0 10px 28px}.timeline-track:before{left:5px;background:#8bb6c570;width:1px;animation:none}.timeline-item:nth-of-type(n){padding:0;grid-column:auto}.timeline-item:before{left:-22px;top:50%;height:1px;width:22px;background:#6ba5b9}.timeline-item:after{left:-26px;top:calc(50% - 4px)}.approach .step-trigger{min-height:120px;transform:none;padding:23px 26px;display:grid;grid-template-columns:45px 1fr;gap:18px;align-items:center}.approach .step-number{margin:0;font-size:29px}.approach .step-title{font-size:17px;max-width:250px}.approach .step-trigger:hover,.approach .step-trigger[aria-expanded=true]{transform:translateX(3px)}.sequence-bridge p{font-size:18px}.approach .timeline{padding:18px}.timeline-item:has(.step-panel:not([hidden])):before,.timeline-item:has(.step-panel:not([hidden])):after{top:58px}.step-panel{max-width:100%}}
@media(prefers-reduced-motion:reduce){.approach .step-trigger{transition:none;transform:none!important}}

#appointment-draft{display:grid;gap:12px;padding:28px;background:#ffffffa8;border:1px solid #bfd3de;border-radius:14px}#appointment-draft label{font-size:14px;font-weight:550;margin-top:7px}#appointment-draft input,#appointment-draft textarea,#appointment-draft select{width:100%;min-width:0;padding:12px;border:1px solid #a5bdc9;border-radius:6px;background:#fff;color:#203d4c;font:inherit;font-size:16px}#appointment-draft :is(input,textarea,select):focus{outline:2px solid #008bb5;outline-offset:2px}#appointment-draft .request-help,#request-status{font-size:13px;line-height:1.6;color:#4a6472;margin:0}#appointment-draft .button{margin-top:8px}#appointment-draft textarea{resize:vertical}

/* Each marker shows its position in the seven-step sequence. */
.approach .step-trigger:after{border:0;background:linear-gradient(#378aa3,#378aa3) no-repeat,linear-gradient(90deg,#8ab1c14a,#8ab1c125);background-size:18px 3px,100% 3px;background-position:calc(var(--n) * 100% / 6) 0,0 0}

.whatsapp-contact{margin-top:32px;padding-top:24px;border-top:1px solid #bfcfd7}.whatsapp-contact h3{font-size:24px}
/* Archive and quiet privacy controls. */
.article-body figure{margin:2rem 0}.article-body figure img{width:100%;height:auto;max-height:540px;object-fit:contain;border-radius:12px}.article-table{overflow-x:auto}.article-table table{border-collapse:collapse;width:100%}.article-table td{border:1px solid #cadbe0;padding:.7rem;vertical-align:top}.article-body li{margin:.5rem 0}.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:2rem 0}.article-share button,.privacy-choice button{font:inherit;padding:.65rem 1rem;border:1px solid #acc5cd;border-radius:8px;background:#f6fafb;color:#173945;cursor:pointer}.cookie-settings{font:inherit;font-size:.75rem;border:0;padding:0;background:none;color:inherit;text-decoration:underline;cursor:pointer}.privacy-choice[hidden]{display:none}.privacy-choice{position:fixed;bottom:1rem;left:1rem;z-index:1000;width:min(440px,calc(100% - 2rem));padding:1.3rem;background:#fff;color:#173945;border:1px solid #bcd0d7;border-radius:14px;box-shadow:0 8px 35px #193e4720}.privacy-choice h2{font-family:inherit;font-size:1.05rem;margin:0 0 .5rem}.privacy-choice p{font-size:.86rem;line-height:1.5;margin:0 0 1rem;color:#314f59}.privacy-choice>div{display:flex;gap:.6rem;flex-wrap:wrap}.privacy-choice button{font-size:.82rem;flex:1}.privacy-choice a{color:inherit;text-decoration:underline}.article-note time{white-space:nowrap}

/* Clear neutral glass: edge definition and shadow, without a cyan halo. */
.sequence-bridge{background:linear-gradient(#f4f8fa,#e8e9e7);color:#26302f;border-color:#b9bfbd}
.approach .timeline{background:linear-gradient(145deg,#e8e9e7,#f5f5f2);border-color:#b9bfbd;box-shadow:0 22px 38px #18201b0d}
.approach .step-trigger{background:linear-gradient(120deg,#ffffffc9 0%,#ffffff42 35%,#ffffff12 65%,#ffffff91 100%);border:1px solid #fff;border-right:2px solid #89928f;border-bottom:2px solid #89928f;box-shadow:inset 2px 2px 1px #fff,inset -3px -2px 2px #4e575421,4px 5px 0 #737d7959,10px 17px 20px #18221d26;backdrop-filter:blur(9px) saturate(.2);-webkit-backdrop-filter:blur(9px) saturate(.2)}
.approach .step-trigger:before{background:linear-gradient(118deg,transparent 15%,#ffffffbd 16%,#ffffff19 36%,transparent 37%,transparent 72%,#fff6 73%,transparent 76%)}
.approach .step-number,.approach .step-title,.approach .step-plus{color:#192923}
.approach .step-number{font-weight:450}.approach .step-title{font-weight:600}
.approach .step-trigger:hover,.approach .step-trigger[aria-expanded=true]{border-color:#56645e;background:linear-gradient(120deg,#fff,#ffffff83);box-shadow:inset 2px 2px #fff,4px 6px 0 #69777080,10px 23px 25px #18221d30}
.approach .step-trigger:focus-visible,.approach .panel-close:focus-visible{outline:3px solid #233a30;outline-offset:6px}
.approach .step-panel{background:linear-gradient(125deg,#fffffff7,#f1f2edf2);border:1px solid #65716a;box-shadow:inset 1px 1px white,4px 5px #65716a38,0 20px 35px #17241c33;color:#18271f}
.approach .step-panel p,.approach .panel-top>span{color:#35443b}
.approach .timeline-wires path{stroke:#65766d}.timeline-item:after{background:#4a6154;box-shadow:0 0 0 5px #fff9,0 0 0 6px #65766d65}
@media(prefers-reduced-transparency:reduce){.approach .step-trigger,.approach .step-panel{background:#f6f6f2;backdrop-filter:none}}
/* Keep information readable while decorative surfaces animate. */
.reveal-ready{opacity:1;transform:none}
.approach-bottom{flex-wrap:wrap;gap:24px}.approach-bottom>.button{flex-shrink:0}
/* Crisp original four-square geometry, gently rounded, with restrained depth. */
.header-emblem{display:grid;place-items:center;overflow:visible}.clean-emblem{width:48px;height:55px;display:block;filter:drop-shadow(1px 3px 2px #102b3330)}
.original-brand img{border-radius:3px}
.portrait-frame img{filter:saturate(1.03) contrast(1.10) brightness(1.04);mask-image:linear-gradient(to right,transparent 0,black 12%,black 93%,transparent 100%)}
@media(max-width:450px){.clean-emblem{width:41px;height:47px}}
.terrace-scene{margin:28px 0 0}.terrace-scene>div{overflow:hidden;border-radius:14px;border:1px solid #ffffff60;box-shadow:0 14px 35px #15292b18}.terrace-scene img{display:block;width:100%;height:auto;transition:transform 1.8s ease}.terrace-scene:hover img{transform:scale(1.025)}.terrace-scene figcaption{font-size:11px;line-height:1.6;color:#55616a;margin-top:10px;letter-spacing:0}.terrace-scene{max-width:100%}@media(prefers-reduced-motion:reduce){.terrace-scene img{transition:none;transform:none!important}}
