/* ADF Medya — approved homepage, October 2026. */
.at-disciplines{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid #cdd1c9;padding-block:29px;font-size:clamp(18px,2.25vw,31px);font-weight:450;letter-spacing:-.045em;line-height:1.3}
.at-disciplines i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#c3cbbb}
.at-portfolio{padding:82px 0 88px}
.at-section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}
.at-section-title .eyebrow{margin-bottom:12px}.at-section-title h2{font-size:clamp(29px,3.35vw,44px);line-height:1.12;margin:0;letter-spacing:-.055em}.at-section-title>.text-link{white-space:nowrap;flex-shrink:0;margin-bottom:3px}
.at-project-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:28px}.at-project{min-width:0}.at-project-cover{display:block;border-radius:14px;isolation:isolate;overflow:hidden}
.at-project-stage{height:390px;position:relative;overflow:hidden;perspective:1100px;border:1px solid #dcd8ce;border-radius:16px;background:#eae4db;--tx:0deg;--ty:0deg}
.at-stage-nora{background:#dfe7dc;border-color:#d1dccd}
.at-project-browser{position:absolute;width:83%;left:6%;top:40px;transform:rotateX(calc(5deg + var(--tx))) rotateY(calc(7deg + var(--ty))) rotateZ(-1.5deg);background:#f8f6f0;box-shadow:1px 2px 0 #c1beb6,5px 9px 0 -3px #d6d3cc,8px 23px 32px -12px #332d2645;border:1px solid #ffffffd9;border-radius:7px;overflow:hidden;transition:transform .3s ease;transform-style:preserve-3d}
.at-stage-nora .at-project-browser{transform:rotateX(calc(5deg + var(--tx))) rotateY(calc(-6deg + var(--ty))) rotateZ(-2deg);left:5%;top:40px}
.at-browser-bar{height:19px;border-bottom:1px solid #c9c8c23d;display:flex;align-items:center;gap:4px;padding:0 10px;background:#e9e6df;color:#81877e}.at-browser-bar i{height:4px;width:4px;background:#d7a37e;border-radius:100%}.at-browser-bar i:nth-child(2){background:#dfcd8c}.at-browser-bar i:nth-child(3){background:#9cbaa4}.at-browser-bar span{margin-left:auto;font-size:10px}
.at-mini-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:#354037}.at-mini-header>span{font:18px/1.1 Georgia,serif;letter-spacing:.06em}.at-mini-header small{font:6px/1.5 Manrope,sans-serif}
.at-mini-layout{display:grid;grid-template-columns:.87fr 1.13fr;min-height:222px}.at-mini-layout>div{padding:23px 7px 18px 20px;position:relative;z-index:1}.at-mini-layout strong{display:block;font-size:clamp(17px,2.08vw,27px);font-weight:450;letter-spacing:-.055em;line-height:1.15;color:#28332e}.at-mini-layout p{font-size:8px;line-height:1.5;margin:12px 0 18px;max-width:150px;color:#6a6f64}.at-mini-layout img{width:100%;height:100%;object-fit:cover;min-height:222px}
.at-mini-cta{display:inline-block;font-size:7px;border-bottom:1px solid #819185;padding:5px 0;color:#3c5b4b;white-space:nowrap}.at-mini-bottom{padding:12px 20px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dddcd5;font-size:6px;color:#5b665b;letter-spacing:.06em}.at-stage-nora .at-mini-cta{padding:5px 9px;background:#2a6359;border-radius:20px;color:#fff;border:0}
.at-project-phone{position:absolute;right:5%;top:135px;width:112px;height:223px;transform:rotateZ(3deg) translateZ(30px);background:#fcfaf5;border:4px solid #26312d;outline:1px solid #a9aca3;border-radius:19px;box-shadow:6px 12px 20px #19251b35;overflow:hidden}.at-phone-island{position:absolute;top:4px;left:34%;width:35%;height:7px;background:#27332c;border-radius:20px;z-index:1}.at-project-phone>div{padding:19px 7px 7px}.at-project-phone small{font:10px/1 Georgia,serif;letter-spacing:.04em;display:block;margin-bottom:15px}.at-project-phone strong{font-size:16px;font-weight:450;line-height:1.1;letter-spacing:-.05em;display:block;margin-bottom:13px}.at-project-phone img{width:100%;height:90px;object-fit:cover}.at-project-phone .at-mini-cta{font-size:6px}
.at-project-caption{display:grid;grid-template-columns:minmax(0,1fr) auto 42px;align-items:start;gap:12px;padding:23px 2px 0}.at-project-caption>div{flex:1;min-width:0}.at-project-caption h3{margin:0 0 5px;font-size:22px;font-weight:650;letter-spacing:-.04em;line-height:1.35}.at-project-caption h3 span{font-weight:450}.at-project-caption p{font-size:12px;line-height:1.65;color:#637069;margin:0;max-width:340px}.at-concept{font-size:11px;color:#53625a;white-space:nowrap;padding:4px 9px;border:1px solid #d5ddd2;background:#edf1e8;border-radius:30px;margin-top:2px}.at-circle{height:42px;width:42px;flex:0 0 42px;border:1px solid #8c9990;display:grid;place-items:center;border-radius:100%;font-size:23px;transition:background .2s,color .2s}.at-circle:hover,.at-project:hover .at-circle,.at-project:focus-within .at-circle{background:#216c60;color:#fff;border-color:#216c60}
.at-services{background:#e8e0f1;padding:76px 0 70px}.at-services-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:80px;align-items:start}.at-services h2{font-size:clamp(31px,3.55vw,48px);line-height:1.13;margin:0 0 19px;letter-spacing:-.055em}.at-services .eyebrow{margin-bottom:18px}.at-services-grid>div>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:370px;color:#36443f;margin-bottom:25px}.at-services .text-link{border-color:#819187}.at-service-accordion details{padding:0;border:0;border-bottom:1px solid #a5a3af70;background:none;border-radius:0;box-shadow:none}.at-service-accordion details:last-child{border:0}.at-service-accordion summary{list-style:none;display:flex;gap:20px;align-items:center;padding:23px 18px;cursor:pointer;color:#172222;min-height:74px}.at-service-accordion summary::-webkit-details-marker{display:none}.at-service-accordion summary:after{display:none}.at-service-accordion summary>span{font-size:22px;letter-spacing:-.06em;font-weight:400}.at-service-accordion h3{font-size:22px;line-height:1.3;font-weight:550;letter-spacing:-.04em;margin:0}.at-service-accordion summary i{font-style:normal;font-size:22px;margin-left:auto;transition:transform .2s}.at-service-accordion details[open] summary i{transform:rotate(-90deg)}.at-service-accordion details[open]{background:#f9f7f380;border-radius:14px;border-color:transparent;box-shadow:0 4px 18px #4b405506}.at-service-accordion details[open] summary{padding-bottom:10px}.at-service-content{padding:0 24px 24px 64px}.at-service-content p{font-size:14px;line-height:1.75;margin:0 0 16px;color:#53605b;max-width:390px}.at-service-content>div{display:flex;gap:8px 19px;flex-wrap:wrap}.at-service-content a{font-size:12px;color:#19594f;border-bottom:1px solid #87988e;padding-bottom:2px}
.at-process{padding:64px 0 70px}.at-process .eyebrow{margin-bottom:24px}.at-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0}.at-process li{display:flex;gap:20px;border-right:1px solid #cbd1c9;padding:0 24px}.at-process li:first-child{padding-left:0}.at-process li:last-child{border:0;padding-right:0}.at-process li>span{font-size:38px;line-height:1;font-weight:400;letter-spacing:-.065em;color:#688276}.at-process h3{font-size:18px;margin:0 0 10px;font-weight:650}.at-process p{font-size:13px;line-height:1.75;color:#69746c;margin:0}
@media(max-width:1100px){.at-project-caption{gap:9px}.at-project-caption h3{font-size:18px}.at-project-caption p{font-size:11px}.at-concept{font-size:11px}.at-circle{width:36px;height:36px;flex-basis:36px}.at-services-grid{gap:45px}.at-project-stage{height:335px}.at-mini-layout{min-height:190px}.at-mini-layout img{min-height:190px}.at-project-phone{top:130px;right:4%;width:96px;height:190px}.at-project-phone>div{padding-top:18px}.at-project-phone small{margin-bottom:10px}.at-project-phone strong{font-size:14px;margin-bottom:9px}.at-project-phone img{height:73px}.at-mini-header{padding:13px 15px}.at-mini-layout>div{padding:19px 6px 14px 15px}.at-process li{padding-inline:17px;gap:13px}}
@media(max-width:780px){.at-disciplines{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;padding-block:23px;font-size:23px}.at-disciplines i{display:none}.at-disciplines span{display:flex;align-items:center;gap:12px}.at-disciplines span:before{content:'';width:5px;height:5px;background:#bbc8b7;border-radius:100%;flex:none}.at-portfolio{padding:58px 0}.at-section-title{display:block;margin-bottom:28px}.at-section-title h2{font-size:34px;max-width:460px}.at-section-title>.text-link{margin-top:20px}.at-project-grid{grid-template-columns:1fr;gap:34px}.at-project-stage{height:380px}.at-project-browser{width:82%;max-width:490px;top:37px;left:6%}.at-mini-layout{min-height:225px}.at-mini-layout img{min-height:225px}.at-mini-layout strong{font-size:29px}.at-mini-layout p{font-size:9px;max-width:150px}.at-mini-layout>div{padding:22px 10px 20px 20px}.at-mini-header{padding:15px 20px}.at-mini-header small{font-size:7px}.at-project-phone{top:135px;right:7%;width:114px;height:227px}.at-project-phone>div{padding:20px 7px 7px}.at-project-phone small{font-size:11px;margin-bottom:15px}.at-project-phone strong{font-size:16px;margin-bottom:13px}.at-project-phone img{height:95px}.at-project-caption h3{font-size:20px}.at-project-caption p{font-size:12px}.at-concept{font-size:11px}.at-services{padding:52px 0 37px}.at-services-grid{grid-template-columns:1fr;gap:27px}.at-services h2{font-size:38px}.at-services-grid>div>p:not(.eyebrow){font-size:16px}.at-service-accordion h3{font-size:21px}.at-service-content p{font-size:14px}.at-service-content a{font-size:12px}.at-process{padding:42px 0}.at-process ol{grid-template-columns:1fr 1fr;gap:30px 0}.at-process li{padding:0 22px;border-right:1px solid #cbd1c9}.at-process li:nth-child(odd){padding-left:0}.at-process li:nth-child(even){border:0;padding-right:0}.at-process p{font-size:12px}}
@media(max-width:480px){.at-disciplines{font-size:20px;gap:15px 12px}.at-portfolio h2{font-size:31px}.at-project-stage{height:290px}.at-project-browser{top:30px;left:5%;width:84%}.at-mini-header{padding:10px 13px}.at-mini-header>span{font-size:14px}.at-mini-header small{font-size:5px}.at-mini-layout{min-height:173px}.at-mini-layout img{min-height:173px}.at-mini-layout>div{padding:17px 5px 10px 13px}.at-mini-layout strong{font-size:22px}.at-mini-layout p{font-size:7px;margin:10px 0}.at-mini-cta{font-size:6px}.at-mini-bottom{padding:9px 13px;font-size:5px}.at-project-phone{width:89px;height:177px;top:96px;right:5%;border-width:3px;border-radius:15px}.at-project-phone>div{padding:18px 6px 5px}.at-project-phone small{font-size:9px;margin-bottom:10px}.at-project-phone strong{font-size:13px;margin-bottom:9px}.at-project-phone img{height:66px}.at-project-phone .at-mini-cta{font-size:5px}.at-project-caption{display:grid;grid-template-columns:1fr 35px;gap:5px 8px;padding-top:16px}.at-project-caption>div{grid-column:1}.at-project-caption h3{font-size:19px}.at-project-caption p{font-size:11px}.at-concept{grid-column:1;font-size:10px}.at-circle{grid-column:2;grid-row:1/3;align-self:start;width:35px;height:35px;flex-basis:35px}.at-services h2{font-size:33px}.at-services-grid{gap:20px}.at-service-accordion summary{gap:16px}.at-service-accordion h3{font-size:19px}.at-service-accordion summary>span{font-size:20px}.at-service-content{padding-left:54px;padding-right:18px}.at-process li{gap:12px;padding-inline:15px}.at-process li>span{font-size:24px}.at-process h3{font-size:16px}.at-process p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.at-project-browser{transition:none!important;transform:rotateX(5deg) rotateY(5deg) rotateZ(-1deg)!important}}

/* Caption hierarchy stays legible even when two project cards share a row. */
@media(min-width:781px) and (max-width:1100px){.at-project-caption{grid-template-columns:minmax(0,1fr) 36px;gap:5px 12px}.at-project-caption>div{grid-column:1}.at-concept{grid-column:1;justify-self:start;margin-top:3px}.at-circle{grid-column:2;grid-row:1/3}}
@media(max-width:780px){.at-project-caption{grid-template-columns:minmax(0,1fr) auto 40px}.at-project-caption h3{font-size:22px}.at-project-caption p{font-size:12px}.at-concept{font-size:10px}.at-process li>span{font-size:34px}.at-service-accordion summary{padding-inline:16px}}
@media(max-width:480px){.at-project-caption{grid-template-columns:minmax(0,1fr) 38px;gap:6px 12px}.at-project-caption h3{font-size:21px}.at-project-caption p{font-size:11px}.at-concept{justify-self:start;padding:3px 8px;font-size:10px}.at-circle{width:38px;height:38px}.at-process li>span{font-size:31px}.at-service-accordion summary{padding-inline:14px}.at-service-content{padding-left:52px;padding-right:16px}}

/* Software and advertising sit beside web design in the project narrative. */
.at-support-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:28px;margin-top:34px}
.at-support-card{min-width:0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:1fr auto;column-gap:18px;min-height:246px;padding:23px 22px 0;border:1px solid #d8dfd3;border-radius:16px;background:#f1f3eb;overflow:hidden}
.at-support-move{background:#f0ede7;border-color:#dfd9cf}
.at-support-copy{min-width:0;padding-top:1px}.at-support-label{font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1.5;color:#4b685b;margin:0 0 10px}.at-support-copy h3{font-size:24px;font-weight:600;letter-spacing:-.045em;line-height:1.17;margin:0 0 12px;color:#1f342c}.at-support-copy>p:last-child{font-size:12px;line-height:1.65;color:#5e6e61;margin:0;max-width:225px}
.at-support-visual{align-self:center;display:block;min-width:0;position:relative;transition:transform .25s}.at-support-visual:hover{transform:translateY(-2px)}.at-support-visual:focus-visible{outline-offset:5px}
.at-flow-visual{background:#fffefa;border:1px solid #d0d9ca;border-radius:8px;box-shadow:0 8px 18px #273f2b0d;transform:rotate(-1.5deg)}.at-flow-visual:hover{transform:rotate(0)}.at-flow-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 10px;border-bottom:1px solid #e5e9e0}.at-flow-top>b{font-size:18px;line-height:1;letter-spacing:-.06em;font-weight:650;color:#284f40}.at-flow-top>b>span{font-size:6px;vertical-align:top;margin-left:2px}.at-flow-top>span{font-size:5px;letter-spacing:.06em;color:#748371}.at-flow-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 9px 15px}.at-flow-board>div{min-width:0}.at-flow-board small{font-size:5px;letter-spacing:.025em;color:#73846d;display:flex;justify-content:space-between;gap:2px;margin-bottom:8px;white-space:nowrap}.at-flow-board small i{font-style:normal;color:#98a38d}.at-flow-board>div>div{border:1px solid #dce4d4;background:#f5f7f0;border-radius:4px;padding:9px 6px;min-height:59px;font-size:7px;font-weight:600;line-height:1.5;color:#3b5444}.at-flow-board>div:last-child>div{background:#edf3e5}.at-flow-board>div>div>span{display:flex;justify-content:space-between;gap:3px;font-size:5px;font-weight:400;color:#7a886e;margin-top:13px}.at-flow-board i{font-style:normal}
.at-move-visual>div{display:grid;grid-template-columns:.95fr 15px 1.05fr;align-items:center;gap:6px}.at-move-ad{position:relative;min-width:0;height:153px;overflow:hidden;border-radius:7px;background:#2557ba;box-shadow:0 6px 14px #22395715;transform:rotate(-3deg)}.at-move-ad img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%}.at-move-ad>span{position:absolute;top:10px;left:9px;font-size:9px;font-weight:750;letter-spacing:-.04em;color:#fff}.at-move-ad>strong{position:absolute;bottom:12px;left:9px;font-size:13px;letter-spacing:-.035em;line-height:1.13;color:#fff;max-width:95px;text-shadow:0 1px 5px #071c4c80}.at-move-connect{font-style:normal;font-size:16px;color:#698376;text-align:center}.at-move-landing{background:#fffefa;border:1px solid #dbd7ce;border-radius:6px;min-width:0;height:142px;padding:9px 10px;box-shadow:0 8px 16px #47433310;transform:rotate(2deg)}.at-move-landing>div{display:flex;gap:3px;border-bottom:1px solid #e5e4de;padding-bottom:7px;margin-bottom:10px}.at-move-landing>div span{width:3px;height:3px;border-radius:50%;background:#c4c6b9}.at-move-landing>small{font-size:5px;letter-spacing:.08em;display:block;color:#7b8377;margin-bottom:7px}.at-move-landing>strong{font-size:14px;line-height:1.13;letter-spacing:-.04em;font-weight:550;color:#243c32;display:block}.at-move-link{font-size:5px;border-radius:15px;background:#216c60;color:#fffefa;padding:5px 7px;display:inline-block;margin:9px 0 7px;white-space:nowrap}.at-move-line{display:block;height:3px;border-radius:2px;width:90%;background:#e4e8dc;margin-top:4px}.at-move-line:last-child{width:64%}
.at-support-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #d6ddcf;margin-top:20px;padding:12px 0 14px;font-size:10px;color:#667760}.at-support-footer>span{white-space:nowrap}.at-support-footer>div{display:flex;gap:17px;flex-wrap:wrap}.at-support-footer a{font-size:11px;color:#2c5848;font-weight:550;border-bottom:1px solid #a7baaa;padding-bottom:1px}.at-support-footer a:hover{color:#123f32;border-color:#123f32}
.at-portfolio-note{font-size:11px;line-height:1.7;color:#6b786b;margin:21px 0 0;max-width:760px}
.at-service-content h4{margin:20px 0 9px;font-size:11px;font-weight:700;letter-spacing:.065em;text-transform:uppercase;color:#546b5e}.at-deliverables{list-style:none;padding:0;margin:0 0 19px;max-width:400px}.at-deliverables li{position:relative;padding:0 0 0 15px;font-size:12px;line-height:1.65;color:#53645a;margin:0 0 8px}.at-deliverables li:before{content:'';position:absolute;left:0;top:.67em;width:4px;height:4px;background:#7d9889;border-radius:50%}.at-service-content .at-scope-note{font-size:10px;line-height:1.65;color:#6a786e;margin:16px 0 0;max-width:390px}
@media(max-width:1100px){.at-support-card{column-gap:14px;padding:21px 18px 0;min-height:240px}.at-support-copy h3{font-size:21px}.at-support-copy>p:last-child{font-size:11px}.at-flow-top{padding:11px 9px 9px}.at-flow-top>span{font-size:4px}.at-flow-board{gap:4px;padding:10px 6px 12px}.at-flow-board>div>div{font-size:6px;padding:8px 4px}.at-flow-board small{font-size:4px}.at-flow-board>div>div>span{font-size:4px}.at-move-ad{height:140px}.at-move-landing{height:132px;padding:8px}.at-move-ad>strong{font-size:11px}.at-move-landing>strong{font-size:12px}.at-support-footer>div{gap:12px}}
@media(max-width:780px){.at-support-grid{grid-template-columns:1fr;gap:21px;margin-top:30px}.at-support-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:25px;min-height:235px;padding:23px 24px 0}.at-support-copy h3{font-size:26px}.at-support-copy>p:last-child{font-size:13px}.at-support-label{font-size:10px}.at-flow-top>b{font-size:20px}.at-flow-top>span{font-size:6px}.at-flow-top{padding:13px}.at-flow-board{padding:13px 10px 16px;gap:7px}.at-flow-board small{font-size:6px}.at-flow-board>div>div{font-size:8px;padding:10px 7px;min-height:68px}.at-flow-board>div>div>span{font-size:6px}.at-move-ad{height:174px}.at-move-landing{height:160px;padding:11px}.at-move-ad>strong{font-size:15px}.at-move-landing>strong{font-size:16px}.at-move-landing>small{font-size:6px}.at-move-link{font-size:6px}.at-support-footer{font-size:11px;padding-bottom:16px}.at-support-footer a{font-size:12px}.at-portfolio-note{font-size:11px;margin-top:20px}.at-deliverables li{font-size:13px}}
@media(max-width:480px){.at-support-card{grid-template-columns:minmax(0,1fr);padding:23px 21px 0;min-height:0}.at-support-copy h3{font-size:25px;margin-bottom:10px}.at-support-copy>p:last-child{font-size:12px;max-width:290px}.at-support-label{margin-bottom:8px}.at-support-visual{width:100%;max-width:300px;justify-self:center;margin-top:22px}.at-flow-top{padding:12px}.at-flow-board{padding:14px 9px 16px;gap:7px}.at-flow-board small{font-size:5px}.at-flow-board>div>div{font-size:7px;min-height:64px}.at-flow-board>div>div>span{font-size:5px}.at-move-visual{max-width:277px}.at-move-ad{height:151px}.at-move-landing{height:142px;padding:10px}.at-move-ad>strong{font-size:14px}.at-move-landing>strong{font-size:15px}.at-support-footer{gap:8px;margin-top:20px}.at-support-footer>div{gap:16px}.at-support-footer a{font-size:11px}.at-service-content h4{font-size:10px}.at-deliverables li{font-size:12px}.at-service-content .at-scope-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.at-support-visual{transition:none}.at-support-visual:hover{transform:none}}