html,body{margin:0;padding:0;background:#11191b}/* Starte-se One Page · 2026 brand direction */
#ss-page{
--ss-ink:#11191b;--ss-deep:#151d1f;--ss-teal:#03989e;--ss-pink:#ed318a;--ss-pink-strong:#f02c86;
--ss-yellow:#ffe353;--ss-white:#ffffff;--ss-paper:#fafaf8;--ss-soft:#f1f2f0;--ss-text:#263134;--ss-muted:#667073;
width:100vw;max-width:none;position:relative;left:50%;transform:translateX(-50%);overflow:clip;
font-family:'DejaVu Sans',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.58;color:var(--ss-text);
background:var(--ss-paper);-webkit-font-smoothing:antialiased;text-align:left;
}
#ss-page, #ss-page *,#ss-page *::before,#ss-page *::after{box-sizing:border-box}
#ss-page h1,#ss-page h2,#ss-page h3,#ss-page p,#ss-page figure,#ss-page ul{margin:0}
#ss-page img{max-width:100%;display:block;height:auto}
#ss-page a{color:inherit;text-decoration:none}
#ss-page button,#ss-page input,#ss-page textarea{font:inherit}
#ss-page button{cursor:pointer}
#ss-page :focus-visible{outline:3px solid var(--ss-pink);outline-offset:3px}
#ss-page ::selection{background:var(--ss-pink);color:white}
#ss-page .ss-container{max-width:1310px;margin-inline:auto;padding-inline:clamp(23px,5vw,74px)}
#ss-page .ss-section{padding-block:clamp(84px,9.8vw,146px)}
#ss-page .ss-skip{position:absolute;top:-120px;left:12px;padding:12px 16px;z-index:200;background:white;color:black}
#ss-page .ss-skip:focus{top:12px}
#ss-page .ss-header{position:relative;z-index:80;background:var(--ss-ink);border-bottom:1px solid rgba(255,255,255,.13);color:white}
#ss-page .ss-header-inner{display:flex;align-items:center;justify-content:space-between;gap:34px;min-height:108px}
#ss-page .ss-brand{display:flex;align-items:center;flex:none;width:75px}
#ss-page .ss-brand img{height:77px;width:auto;max-width:75px;object-fit:contain}
#ss-page .ss-nav{display:flex;justify-content:center;align-items:center;gap:clamp(22px,2.8vw,45px);margin-left:auto}
#ss-page .ss-nav a{white-space:nowrap;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:#e7ecec;transition:color .2s}
#ss-page .ss-nav a:hover{color:var(--ss-pink)}
#ss-page .ss-header-right{display:flex;align-items:center;gap:19px}
#ss-page .ss-lang{display:flex;align-items:center;gap:6px;color:#697476;font-size:13px;font-weight:800;white-space:nowrap}
#ss-page .ss-lang-button{border:0;background:transparent;color:#8d9799;padding:5px 1px;font-size:13px;font-weight:800}
#ss-page .ss-lang-button.is-active{color:white}
#ss-page .ss-lang-button:hover{color:var(--ss-yellow)}
#ss-page .ss-header-cta{display:flex;align-items:center;gap:17px;padding:12px 16px;border:1px solid #777e7f;white-space:nowrap;color:white;font-size:12px;font-weight:800;transition:all .25s}
#ss-page .ss-header-cta:hover{background:var(--ss-pink);border-color:var(--ss-pink)}
#ss-page .ss-header-cta span:last-child{font-size:18px;line-height:1}
#ss-page .ss-menu-button{display:none;background:transparent;border:1px solid #697273;width:46px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
#ss-page .ss-menu-button span{width:20px;height:2px;background:white;transition:all .2s}
#ss-page .ss-menu-button.is-open span:first-child{transform:translateY(7px) rotate(45deg)}
#ss-page .ss-menu-button.is-open span:nth-child(2){opacity:0}
#ss-page .ss-menu-button.is-open span:last-child{transform:translateY(-7px) rotate(-45deg)}
#ss-page .ss-hero{background:var(--ss-ink);color:white;position:relative;isolation:isolate}
#ss-page .ss-hero:before{content:"";position:absolute;right:0;top:0;width:45%;height:100%;background:linear-gradient(118deg,transparent 28%,rgba(237,49,138,.038) 100%);z-index:-1;pointer-events:none}
#ss-page .ss-hero-grid{min-height:665px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:6%;padding-top:82px;padding-bottom:64px}
#ss-page .ss-kicker{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.14em;font-weight:800;line-height:1.4}
#ss-page .ss-short-line{display:inline-block;height:2px;width:34px;background:currentColor}
#ss-page .ss-kicker-yellow{color:var(--ss-yellow)}
#ss-page .ss-kicker-teal{color:var(--ss-teal)}
#ss-page .ss-kicker-deep{color:#102425}
#ss-page .ss-hero h1{max-width:750px;margin-top:31px;font-weight:800;font-size:clamp(47px,5.6vw,88px);line-height:1.14;letter-spacing:-.062em}
#ss-page .ss-hero h1>span{display:block}
#ss-page .ss-hero h1>.ss-hero-start{color:var(--ss-teal);letter-spacing:-.06em}
#ss-page .ss-pink-period{color:var(--ss-pink)}
#ss-page .ss-hero-sub{max-width:490px;margin-top:30px;font-size:17px;line-height:1.8;color:#bfc9ca}
#ss-page .ss-hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:34px}
#ss-page .ss-button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;border:0;padding:16px 19px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,color .2s;white-space:nowrap}
#ss-page .ss-button:hover{transform:translateY(-3px)}
#ss-page .ss-button span:last-child{font-size:20px;font-weight:500;line-height:1}
#ss-page .ss-button-pink{background:var(--ss-pink);color:white}
#ss-page .ss-button-pink:hover{background:#d92173}
#ss-page .ss-quiet-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:6px;font-size:12px;font-weight:800;color:white}
#ss-page .ss-quiet-link:hover{color:var(--ss-yellow)}
#ss-page .ss-hero-art{position:relative;display:grid;place-items:center;min-height:540px;isolation:isolate}
#ss-page .ss-hero-art-outline{position:absolute;border:1px solid #405053;width:85%;height:85%;left:3%;top:6%}
#ss-page .ss-hero-art-outline:before{content:"";position:absolute;inset:-22px 22px 22px -22px;border:1px solid rgba(237,49,138,.36)}
#ss-page .ss-hero-emblem{width:68%;max-width:305px;position:relative;z-index:2;transform:translate(5%,1%)}
#ss-page .ss-hero-emblem img{width:100%;height:auto;filter:none}
#ss-page .ss-art-vertical{position:absolute;right:-17px;top:28%;writing-mode:vertical-rl;font-size:9px;font-weight:800;letter-spacing:.24em;color:#b7c1c2}
#ss-page .ss-art-bars{position:absolute;bottom:18%;left:-3%;display:flex;align-items:center;z-index:3;width:46%;height:11px}
#ss-page .ss-art-bars i:nth-child(1){width:58%;height:100%;background:var(--ss-pink)}
#ss-page .ss-art-bars i:nth-child(2){width:29%;height:100%;background:var(--ss-yellow)}
#ss-page .ss-art-bars i:nth-child(3){width:13%;height:100%;background:var(--ss-teal)}
#ss-page .ss-art-index{position:absolute;z-index:4;bottom:7%;right:12%;display:flex;gap:28px;color:#acb6b7;font-size:11px;letter-spacing:.1em;font-weight:800}
#ss-page .ss-art-index span{color:var(--ss-pink)}
#ss-page .ss-hero-bottom{border-top:1px solid #3c4547;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:24px;color:#b5bfc0;font-size:10px;font-weight:800;letter-spacing:.12em}
#ss-page .ss-hero-bottom a{display:flex;gap:20px;align-items:center;color:white}
#ss-page .ss-hero-bottom a span:last-child{font-size:20px}
#ss-page .ss-ribbon{height:83px;overflow:hidden;display:flex;align-items:center;background:#202729;color:white;border-bottom:4px solid var(--ss-pink)}
#ss-page .ss-ribbon-track{display:flex;align-items:center;gap:36px;white-space:nowrap;min-width:max-content;animation:ss-ribbon 40s linear infinite;font-size:16px;letter-spacing:.045em;font-weight:800}
#ss-page .ss-ribbon-track i{width:7px;height:7px;background:var(--ss-pink);transform:rotate(45deg);flex:none}
#ss-page .ss-ribbon-track i:nth-of-type(5n){background:var(--ss-yellow)}
@keyframes ss-ribbon{to{transform:translateX(-50%)}}
#ss-page .ss-about{background:var(--ss-paper)}
#ss-page .ss-about-grid{display:grid;grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr);gap:clamp(55px,8vw,135px);align-items:center}
#ss-page .ss-about-photo-wrap{position:relative;padding:0 19px 38px 0}
#ss-page .ss-photo-frame{position:relative;overflow:hidden;width:100%;height:510px;background:#dde1df}
#ss-page .ss-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none;opacity:1;transition:transform .6s}
#ss-page .ss-photo-frame:hover img{transform:scale(1.035)}
#ss-page .ss-photo-caption{position:absolute;bottom:13px;left:23px;z-index:2;width:82%;background:var(--ss-ink);color:white;padding:18px 20px;display:flex;align-items:center;gap:13px;font-size:11px;font-weight:800;letter-spacing:.05em}
#ss-page .ss-photo-caption>span:last-child{margin-left:auto;font-size:18px}
#ss-page .ss-caption-mark{width:20px;height:4px;background:var(--ss-pink);flex:none}
#ss-page .ss-photo-accent{position:absolute;top:-15px;right:4px;width:95px;height:95px;border-top:6px solid var(--ss-pink);border-right:6px solid var(--ss-pink)}
#ss-page .ss-display-title{font-weight:800;font-size:clamp(38px,4.2vw,65px);line-height:1.23;letter-spacing:-.065em;color:var(--ss-ink)}
#ss-page .ss-display-title em{font-style:normal;color:var(--ss-teal)}
#ss-page .ss-about-copy .ss-display-title{margin-top:26px}
#ss-page .ss-about-lead{font-size:17px;line-height:1.8;margin-top:27px;max-width:590px;color:#2b3637}
#ss-page .ss-about-detail{font-size:14px;line-height:1.85;margin-top:18px;max-width:585px;color:var(--ss-muted)}
#ss-page .ss-experience{display:flex;align-items:center;gap:21px;border-top:1px solid #d6dcdb;margin-top:31px;padding-top:22px}
#ss-page .ss-experience strong{font-size:70px;line-height:1;letter-spacing:-.08em;color:var(--ss-teal)}
#ss-page .ss-experience strong span{font-size:37px;vertical-align:top;letter-spacing:0;margin-left:5px}
#ss-page .ss-experience>span{max-width:245px;font-size:12px;color:#516164;line-height:1.6;font-weight:700}
#ss-page .ss-services{background:#f0f1ef}
#ss-page .ss-section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}
#ss-page .ss-section-head .ss-display-title{margin-top:24px}
#ss-page .ss-section-head>p{max-width:315px;color:#596467;font-size:15px;line-height:1.8;margin-bottom:7px}
#ss-page .ss-service-list{border-top:1px solid #bcc7c7}
#ss-page .ss-service-row{display:grid;grid-template-columns:140px minmax(0,1fr) 75px;gap:28px;align-items:center;border-bottom:1px solid #cbd3d3;padding:29px 18px 30px 0;transition:padding .24s,background .24s}
#ss-page .ss-service-row:hover{background:#fff;padding-left:18px}
#ss-page .ss-service-number{color:var(--ss-teal);font-size:22px;display:flex;align-items:center;gap:13px;font-weight:800}
#ss-page .ss-tiny-square{display:block;background:var(--ss-pink);width:6px;height:6px}
#ss-page .ss-service-row:nth-child(even) .ss-tiny-square{background:var(--ss-yellow)}
#ss-page .ss-service-row h3{color:var(--ss-ink);font-size:clamp(25px,2.7vw,38px);line-height:1.2;letter-spacing:-.06em;font-weight:800}
#ss-page .ss-service-row p{margin-top:9px;color:#627072;font-size:13px;line-height:1.72;max-width:700px}
#ss-page .ss-row-arrow{font-size:32px;color:#9caaab;justify-self:end;transition:color .25s,transform .25s}
#ss-page .ss-service-row:hover .ss-row-arrow{color:var(--ss-pink);transform:translate(4px,-4px)}
#ss-page .ss-text-link{display:inline-flex;align-items:center;gap:28px;margin-top:35px;color:var(--ss-ink);font-size:14px;font-weight:800;padding-bottom:8px;border-bottom:3px solid var(--ss-pink)}
#ss-page .ss-text-link>span:last-child{font-size:20px}
#ss-page .ss-work{background:var(--ss-ink);color:white}
#ss-page .ss-work-intro{max-width:920px}
#ss-page .ss-work-intro .ss-display-title{color:white;margin-top:25px}
#ss-page .ss-work-intro .ss-display-title em{color:var(--ss-pink)}
#ss-page .ss-work-intro p{max-width:560px;margin-top:22px;color:#bfc8c9;font-size:15px;line-height:1.85}
#ss-page .ss-work-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:250px 250px;gap:18px;margin-top:50px}
#ss-page .ss-work-item{overflow:hidden;position:relative;min-height:0;background:#303637}
#ss-page .ss-work-featured{grid-row:span 2}
#ss-page .ss-work-item img{height:100%;width:100%;object-fit:cover;transition:transform .5s;filter:none}
#ss-page .ss-work-featured img{object-position:center}
#ss-page .ss-work-item:hover img{transform:scale(1.04)}
#ss-page .ss-work-item:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none}
#ss-page .ss-work-item figcaption{position:absolute;z-index:2;bottom:23px;left:25px;right:25px;color:white;display:flex;justify-content:space-between;gap:12px;align-items:end;font-size:17px;font-weight:800;letter-spacing:-.035em}
#ss-page .ss-work-item figcaption span:last-child{font-size:10px;white-space:nowrap;letter-spacing:.12em;font-weight:700;opacity:.8}
#ss-page .ss-work-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px;color:#879598;font-size:10px;letter-spacing:.04em}
#ss-page .ss-work-tag{display:inline-block;color:var(--ss-yellow);letter-spacing:.12em;font-weight:800}
#ss-page .ss-philosophy{background:#f2dce5;color:#152022;position:relative;padding-block:105px 95px;overflow:hidden}
#ss-page .ss-philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
#ss-page .ss-philosophy .ss-display-title{margin-top:28px}
#ss-page .ss-philosophy .ss-display-title em{color:#a50b59}
#ss-page .ss-philosophy-right>p{max-width:520px;font-size:16px;line-height:1.9;color:#465154}
#ss-page .ss-pillar-list{margin-top:25px}
#ss-page .ss-pillar-list>div{display:flex;align-items:center;gap:28px;border-top:1px solid rgba(17,25,27,.22);padding:17px 0}
#ss-page .ss-pillar-list span{color:#a50b59;font-size:12px;font-weight:800}
#ss-page .ss-pillar-list strong{font-size:18px;letter-spacing:-.04em}
#ss-page .ss-method-foot{position:absolute;display:flex;gap:0;bottom:0;left:0;height:7px;width:30%}
#ss-page .ss-method-foot span:first-child{width:52%;background:var(--ss-pink)}
#ss-page .ss-method-foot span:nth-child(2){width:17%;background:var(--ss-yellow)}
#ss-page .ss-method-foot span:last-child{width:31%;background:var(--ss-teal)}
#ss-page .ss-contact{background:var(--ss-paper)}
#ss-page .ss-contact-grid{display:grid;grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr);gap:9%;align-items:start}
#ss-page .ss-contact-copy .ss-display-title{margin-top:26px;font-size:clamp(39px,4.2vw,66px)}
#ss-page .ss-contact-copy .ss-display-title em{color:var(--ss-pink)}
#ss-page .ss-contact-copy>p{margin-top:27px;font-size:16px;line-height:1.8;max-width:470px;color:#677476}
#ss-page .ss-whatsapp{display:inline-flex;align-items:center;gap:26px;border-bottom:2px solid var(--ss-teal);padding-bottom:11px;margin-top:31px;color:#19292b;font-size:13px;font-weight:800}
#ss-page .ss-whatsapp>span:last-child{font-size:22px}
#ss-page .ss-contact-accent{height:8px;width:123px;background:linear-gradient(90deg,var(--ss-pink) 0 67%,var(--ss-yellow) 67%);margin-top:90px}
#ss-page .ss-form-panel{background:white;padding:clamp(27px,4vw,48px);border:1px solid #e1e4e3;box-shadow:0 20px 70px rgba(10,22,25,.06)}
#ss-page .ss-form-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:2px solid var(--ss-pink);font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--ss-ink)}
#ss-page .ss-form-head>span:last-child{font-size:23px;color:var(--ss-pink)}
#ss-page .ss-form-panel>p{margin:20px 0 24px;color:#677477;font-size:13px;line-height:1.75}
#ss-page .ss-form{display:flex;flex-direction:column;gap:16px}
#ss-page .ss-form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#ss-page .ss-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:#273536}
#ss-page .ss-form input:not([type=checkbox]),#ss-page .ss-form textarea{border:1px solid #cbd2d1;width:100%;padding:12px 12px;font-size:13px;border-radius:0;background:#fcfcfc;color:#152022;outline:0;font-weight:400}
#ss-page .ss-form input:not([type=checkbox]):focus,#ss-page .ss-form textarea:focus{border-color:var(--ss-teal);box-shadow:0 0 0 1px var(--ss-teal)}
#ss-page .ss-form textarea{resize:vertical;min-height:118px}
#ss-page .ss-form .ss-consent{display:flex;flex-direction:row;gap:9px;align-items:flex-start;color:#727b7d;line-height:1.55;font-weight:400}
#ss-page .ss-consent input{accent-color:var(--ss-pink);margin-top:3px;flex:none}
#ss-page .ss-button-dark{background:var(--ss-ink);color:white;width:100%}
#ss-page .ss-button-dark:hover{background:#313b3d}
#ss-page .ss-form-notice,#ss-page .ss-form-status{display:none;padding:12px 15px;font-size:12px;line-height:1.6;background:#e4f8f1;color:#06585b}
#ss-page .ss-form-notice.is-shown,#ss-page .ss-form-status{display:block}
#ss-page .ss-form-status.is-error{background:#ffe4ee;color:#8e0152}
#ss-page .ss-honeypot{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}
#ss-page .ss-footer{background:#11191b;color:white;padding-block:57px 25px}
#ss-page .ss-footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:45px}
#ss-page .ss-footer-top img{width:min(290px,65vw);height:auto}
#ss-page .ss-to-top{display:inline-flex;align-items:center;gap:20px;color:#e3e8e8;font-size:11px;font-weight:800;letter-spacing:.09em}
#ss-page .ss-to-top span:last-child{font-size:21px}
#ss-page .ss-footer-bottom{border-top:1px solid #384245;padding-top:22px;display:flex;gap:20px;justify-content:space-between;color:#8c989b;font-size:10px;letter-spacing:.02em}
#ss-page .ss-reveal{opacity:1;transform:none}
#ss-page.ss-js .ss-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}
#ss-page.ss-js .ss-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){
#ss-page .ss-header-inner{gap:18px;min-height:99px}
#ss-page .ss-nav{gap:17px}
#ss-page .ss-header-cta{display:none}
#ss-page .ss-hero-grid{gap:3%;min-height:625px}
#ss-page .ss-hero h1{font-size:clamp(46px,5.8vw,69px)}
#ss-page .ss-service-row{grid-template-columns:110px minmax(0,1fr) 42px}
}
@media(max-width:820px){
#ss-page .ss-header{position:relative}
#ss-page .ss-header-inner{min-height:94px}
#ss-page .ss-brand{width:67px}
#ss-page .ss-brand img{height:70px;width:auto}
#ss-page .ss-menu-button{display:flex}
#ss-page .ss-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#11191b;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px 24px 28px;box-shadow:0 18px 32px rgba(0,0,0,.2);border-top:1px solid #485155}
#ss-page .ss-nav.is-open{display:flex}
#ss-page .ss-nav a{font-size:17px;padding:14px 4px;border-bottom:1px solid #303a3e}
#ss-page .ss-hero-grid{grid-template-columns:1fr;gap:18px;padding-top:67px;padding-bottom:30px}
#ss-page .ss-hero h1{font-size:clamp(53px,8.1vw,84px)}
#ss-page .ss-hero-art{min-height:420px;max-width:480px;width:100%;margin-inline:auto}
#ss-page .ss-hero-emblem{width:54%;max-width:238px}
#ss-page .ss-art-bars{bottom:16%;left:0}
#ss-page .ss-about-grid{grid-template-columns:1fr;gap:55px}
#ss-page .ss-about-photo-wrap{max-width:650px}
#ss-page .ss-photo-frame{height:440px}
#ss-page .ss-work-grid{grid-template-rows:240px 240px}
#ss-page .ss-philosophy-grid,#ss-page .ss-contact-grid{grid-template-columns:1fr;gap:38px}
#ss-page .ss-contact-accent{margin-top:35px}
}
@media(max-width:600px){
#ss-page .ss-section{padding-block:73px}
#ss-page .ss-container{padding-inline:23px}
#ss-page .ss-header-inner{min-height:85px;gap:10px}
#ss-page .ss-brand{width:60px}
#ss-page .ss-brand img{height:64px}
#ss-page .ss-header-right{gap:15px}
#ss-page .ss-hero-grid{padding-top:60px;padding-bottom:23px}
#ss-page .ss-kicker{font-size:9px;letter-spacing:.12em}
#ss-page .ss-short-line{width:25px}
#ss-page .ss-hero h1{font-size:clamp(42px,10.2vw,61px);letter-spacing:-.063em;margin-top:23px}
#ss-page .ss-hero-sub{font-size:15px;margin-top:25px}
#ss-page .ss-hero-actions{gap:22px}
#ss-page .ss-hero-art{min-height:350px;max-width:350px}
#ss-page .ss-hero-emblem{width:51%;max-width:195px}
#ss-page .ss-art-vertical{right:-10px;font-size:8px}
#ss-page .ss-art-index{font-size:9px}
#ss-page .ss-hero-bottom{font-size:9px;letter-spacing:.08em;padding-block:17px}
#ss-page .ss-hero-bottom>span{max-width:240px}
#ss-page .ss-ribbon{height:64px}
#ss-page .ss-ribbon-track{font-size:13px;gap:24px}
#ss-page .ss-display-title{font-size:clamp(34px,8.3vw,49px)}
#ss-page .ss-photo-frame{height:350px}
#ss-page .ss-about-photo-wrap{padding-right:11px}
#ss-page .ss-photo-caption{font-size:9px;left:12px;bottom:10px;padding:14px;width:90%}
#ss-page .ss-about-lead{font-size:15px}
#ss-page .ss-about-detail{font-size:13px}
#ss-page .ss-experience strong{font-size:60px}
#ss-page .ss-section-head{display:block;margin-bottom:32px}
#ss-page .ss-section-head>p{margin-top:24px;font-size:13px}
#ss-page .ss-service-row{grid-template-columns:46px minmax(0,1fr) 23px;gap:12px;padding-block:26px}
#ss-page .ss-service-number{font-size:15px;gap:6px;align-self:start;padding-top:5px}
#ss-page .ss-tiny-square{width:4px;height:4px}
#ss-page .ss-service-row h3{font-size:25px}
#ss-page .ss-service-row p{font-size:12px}
#ss-page .ss-row-arrow{font-size:20px;align-self:start}
#ss-page .ss-work-grid{grid-template-columns:1fr 1fr;grid-template-rows:205px 205px;gap:9px;margin-top:35px}
#ss-page .ss-work-featured{grid-column:span 2;grid-row:span 1}
#ss-page .ss-work-item figcaption{font-size:12px;left:12px;right:12px;bottom:12px}
#ss-page .ss-work-item figcaption span:last-child{font-size:8px}
#ss-page .ss-work-bottom{display:block;font-size:9px}
#ss-page .ss-work-bottom>span{display:block;margin-top:7px}
#ss-page .ss-philosophy{padding-block:77px 80px}
#ss-page .ss-philosophy-right>p{font-size:14px}
#ss-page .ss-form-two{grid-template-columns:1fr}
#ss-page .ss-footer-bottom{flex-wrap:wrap}
#ss-page .ss-footer-top img{max-width:215px}
#ss-page .ss-to-top{font-size:9px}
}
@media(prefers-reduced-motion:reduce){#ss-page .ss-ribbon-track{animation:none}#ss-page *,#ss-page *::before,#ss-page *::after{transition-duration:0s!important;animation-duration:0s!important}#ss-page.ss-js .ss-reveal{opacity:1;transform:none}}
/* V3: client feedback */
#ss-page .ss-nav a{font-size:18px}
#ss-page .ss-button,#ss-page .ss-header-cta{font-size:16px;white-space:normal}
#ss-page .ss-text-link{font-size:20px;line-height:1.5}
#ss-page .ss-service-number{font-size:30px;flex-direction:column;gap:12px}
#ss-page .ss-service-number svg{width:29px;height:29px}
#ss-page .ss-service-row p{font-size:16px;line-height:1.8}
#ss-page .ss-service-row p strong{font-weight:700}
#ss-page .ss-philosophy .ss-display-title em{color:var(--ss-teal)}
#ss-page .ss-pillar-list strong{font-size:23px}
#ss-page .ss-pillar-list span{font-size:18px;color:var(--ss-teal)}
#ss-page .ss-contact .ss-display-title em{color:var(--ss-teal)}
#ss-page .ss-whatsapp{font-size:20px;padding:18px 20px;background:var(--ss-teal);color:white;border:0;display:inline-flex;gap:24px}
#ss-page .ss-form-head{font-size:22px;color:var(--ss-teal)}
#ss-page .ss-button-dark{background:var(--ss-teal);color:white}
#ss-page .ss-button-dark:hover,#ss-page .ss-whatsapp:hover{background:#04787d}
#ss-page .ss-experience>span{font-size:16px;max-width:290px}
#ss-page .ss-about-lead{font-size:18px}
#ss-page .ss-about-lead strong{color:#02777c;font-size:1.13em}
#ss-page .ss-about-detail{font-size:16px}
#ss-page .ss-work-tag{font-size:15px;line-height:1.8}
#ss-page .ss-kicker-yellow{font-size:14px}
#ss-page .ss-work-bottom{align-items:flex-start;flex-direction:column;gap:10px}
#ss-page .ss-work-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 300px}
#ss-page .ss-instagram{display:flex;align-items:center;padding:5px}
@media(max-width:600px){
#ss-page .ss-nav a{font-size:19px}
#ss-page .ss-service-row{grid-template-columns:42px minmax(0,1fr) 18px}
#ss-page .ss-service-number{font-size:23px}
#ss-page .ss-service-row p{font-size:15px}
#ss-page .ss-text-link,#ss-page .ss-whatsapp{font-size:18px}
#ss-page .ss-work-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,250px)}
#ss-page .ss-pillar-list strong{font-size:20px}
#ss-page .ss-about-lead{font-size:17px}
#ss-page .ss-experience>span{font-size:15px}
#ss-page .ss-header-right{gap:10px}
}
/* V3.1 — Feedback site 2: light brand-green background and larger numbered text */
#ss-page .ss-philosophy{background:#def0ef}
#ss-page .ss-pillar-list strong{font-size:26px;line-height:1.4}
#ss-page .ss-pillar-list span{font-size:20px}
@media(max-width:600px){
#ss-page .ss-pillar-list strong{font-size:22px}
#ss-page .ss-pillar-list span{font-size:19px}
}
/* V3.3 — right-aligned photo within the original left-hand frame; larger service numbers */
#ss-page .ss-service-number{font-size:38px}
#ss-page .ss-photo-frame img{object-position:center;transform-origin:center}
@media(max-width:600px){#ss-page .ss-service-number{font-size:29px}}
/* V3.4 — square composition keeps the complete board visible on all screens. */
#ss-page .ss-photo-frame{height:auto;aspect-ratio:1 / 1}
#ss-page .ss-photo-frame img{object-fit:contain;object-position:center}
#ss-page .ss-photo-frame:hover img{transform:none}
/* V3.5 — compact hero artwork on phones; desktop and tablet sizes retained. */
@media(max-width:600px){
#ss-page .ss-hero-art{width:50%;max-width:175px;min-height:175px;margin-block:15px}
#ss-page .ss-hero-emblem{max-width:97.5px}
#ss-page .ss-hero-art-outline:before{inset:-11px 11px 11px -11px}
#ss-page .ss-art-bars{height:5.5px}
#ss-page .ss-art-vertical{right:-8px;font-size:6px;letter-spacing:.16em}
#ss-page .ss-art-index{font-size:6px;gap:12px}
}
/* V4.1 — contain inherited theme typography and preformatted whitespace. */
#ss-page{white-space:normal;letter-spacing:normal;font-style:normal;text-transform:none}
#ss-page h1,#ss-page h2,#ss-page h3{font-family:inherit}
#ss-page .ss-hero h1{color:inherit}