@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{color-scheme:dark;--bg:#101314;--surface:#191d1e;--ink:#f6f6f1;--muted:#a8acad;--accent:#ff8a43;--line:#343839}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button{border:0}p,h1,h2,h3{margin:0}em{font-style:normal;color:var(--accent)}.header{height:96px;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;background:#101314;gap:28px}.brand{display:flex;align-items:center;gap:15px}.brand-main{font-size:40px;letter-spacing:-3px;font-weight:700;line-height:1}.brand-slash{color:var(--accent);margin-left:6px;font-weight:400}.brand-sub{font-size:12px;letter-spacing:2px;line-height:1.7}.brand-sub b{display:block;font-size:20px;font-weight:500;letter-spacing:1px}.header nav{display:flex;gap:35px;color:#c8cccd;font-size:14px}.header nav a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:56px;padding:15px 26px;border-radius:4px;background:var(--accent);color:#181411;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#ffac77;transform:translateY(-2px)}.button.small{min-height:44px;font-size:14px;padding:11px 20px}.button.outline{border:1px solid #686968;background:transparent;color:var(--ink)}.button.outline:hover{border-color:var(--accent);color:var(--accent)}.menu{display:none;background:transparent;font-size:25px}.hero{position:relative;min-height:710px;height:calc(100svh - 96px);max-height:950px;isolation:isolate;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-image{object-position:center 56%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(5,9,10,.86),rgba(5,9,10,.53) 40%,rgba(5,9,10,.04) 75%),linear-gradient(0deg,rgba(5,9,10,.62),transparent 30%)}.hero-content{padding:110px 5.3% 100px;max-width:920px}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:600;color:var(--accent)}.hero .eyebrow{display:flex;align-items:center;gap:12px}.eyebrow>span{width:23px;height:1px;background:var(--accent)}h1{font-size:clamp(54px,5.7vw,86px);font-weight:450;letter-spacing:-3px;line-height:1.08;margin-top:27px}.hero-intro{color:#dadcda;font-size:18px;line-height:1.7;margin-top:28px}.hero-content>.button{margin-top:35px}.mini-ring{font-size:12px;border:1px solid #28231d99;border-radius:50%;width:34px;height:28px;display:grid;place-items:center}.hero-notes{display:flex;gap:25px;margin-top:35px;color:#c4c6c4;font-size:12px}.hero-notes span+span{border-left:1px solid #ffffff55;padding-left:25px}.hero-orbit{position:absolute;right:15%;top:43%;width:158px;height:158px;border:1px solid #ffffffc0;border-radius:50%;background:#161b1933;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 16px #ffffff09;transition:background .25s,transform .25s}.hero-orbit:hover{background:#161b1988;transform:scale(1.05)}.orbit-number{font-size:45px;line-height:1.2;font-weight:400;letter-spacing:-2px}.orbit-label{font-size:12px;letter-spacing:1.4px;margin-top:4px}.orbit-play{font-size:13px;color:var(--accent);margin-top:11px}.hero-bottom{position:absolute;bottom:28px;left:5.3%;right:5.3%;display:flex;justify-content:space-between;color:#d2d6d4;font-size:12px;letter-spacing:2px}.intro-strip{padding:38px 5.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:35px}.intro-strip>div{display:flex;align-items:center;gap:27px}.strip-number{font-size:49px;letter-spacing:-3px;line-height:1;color:var(--accent)}.intro-strip p{font-size:15px;color:var(--muted)}.intro-strip strong{color:var(--ink);font-weight:500}.strip-tag{font-size:12px;letter-spacing:1.8px;color:#a9adae}.section{padding:90px 5.3%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:45px}h2{font-size:clamp(34px,3.3vw,50px);line-height:1.16;letter-spacing:-1.7px;font-weight:450}.section-head h2{margin-top:18px}.section-head>p{font-size:16px;color:var(--muted);line-height:1.8}.project-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:35px}.project{width:100%;display:block;text-align:left;background:transparent;padding:0}.project-image{position:relative;overflow:hidden;background:#252a29;border-radius:5px;aspect-ratio:2.12}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.project:hover img{transform:scale(1.035)}.featured .project-image{height:calc(100% - 91px);min-height:540px;aspect-ratio:auto}.featured img{object-position:65% center}.image-badge{position:absolute;top:19px;left:19px;padding:6px 12px;border:1px solid #ffffff88;border-radius:25px;background:#171b1c40;font-size:12px;backdrop-filter:blur(12px)}.project-open{position:absolute;bottom:19px;right:19px;padding:9px 15px;background:#111615cc;border-radius:3px;font-size:12px;backdrop-filter:blur(9px)}.project-info{display:flex;justify-content:space-between;align-items:center;padding:21px 0 24px;gap:15px}.project-type{font-size:12px;letter-spacing:1.7px;color:var(--muted)}h3{font-size:21px;line-height:1.35;font-weight:450;letter-spacing:-.4px}.project-info h3{margin-top:5px}.project-index{font-size:14px;color:#737a7c}.project-stack{display:grid;gap:12px}.process{background:#191d1e;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:62px}.steps article{border-top:1px solid #4a4f50;padding-top:22px}.steps article>span{color:var(--accent);font-size:12px;letter-spacing:1.4px}.steps h3{margin-top:26px;font-size:23px}.steps p{margin-top:14px;max-width:360px;color:var(--muted);font-size:15px;line-height:1.8}.contact{padding-top:100px;padding-bottom:100px}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:25px}.contact-row h2{font-size:clamp(40px,4.3vw,64px)}.contact-row p{color:var(--muted);margin-bottom:25px;line-height:1.8}footer{border-top:1px solid var(--line);margin:0 5.3%;padding:30px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer-logo{font-size:18px;letter-spacing:1px;color:var(--ink)}.footer-logo span{color:var(--accent)}dialog{width:min(1100px,92vw);max-height:92svh;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;font-size:12px;letter-spacing:2px}.close{width:40px;height:40px;background:#262b2c;border-radius:50%;font-size:18px}#preview-image{display:block;width:100%;max-height:60svh;object-fit:cover}.modal-bottom{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:30px}.modal-bottom h2{font-size:28px;margin-top:7px}.modal-bottom>p{color:var(--muted);font-size:14px;max-width:490px;line-height:1.8}@media(min-width:1700px){.header,.section,.intro-strip{padding-left:max(5.3%,calc((100vw - 1500px)/2));padding-right:max(5.3%,calc((100vw - 1500px)/2))}.hero-content{margin-left:calc((100vw - 1700px)/2)}}@media(max-width:1050px){.header nav{gap:18px}.header{gap:20px}.hero-orbit{right:10%;width:135px;height:135px}.strip-tag{display:none}.hero{min-height:680px}.hero-content{padding-top:105px}.project-grid{gap:24px}.featured .project-image{min-height:460px}.steps{gap:28px}.steps h3{font-size:20px}}@media(max-width:760px){html{scroll-padding-top:20px}.header{height:78px;padding:0 6%;position:relative;z-index:5}.brand-main{font-size:32px}.brand-sub{font-size:12px}.brand-sub b{font-size:16px}.header>.button{display:none}.menu{display:block}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--bg);padding:25px 6%;flex-direction:column;box-shadow:0 15px 20px #0004}.header nav.open{display:flex}.hero{height:760px;min-height:0;max-height:calc(100svh - 78px)}.hero-content{padding:65px 6% 90px}.hero-shade{background:linear-gradient(90deg,#060b0dde,#060b0d50),linear-gradient(0deg,#060b0d80,transparent)}.hero-image{object-position:62% center}h1{font-size:clamp(40px,9.5vw,68px);letter-spacing:-1.7px}.hero .eyebrow{font-size:12px;letter-spacing:1.7px}.hero-intro{font-size:16px;margin-top:22px}.hero-content>.button{margin-top:27px}.hero-notes{flex-direction:column;gap:5px;margin-top:25px}.hero-notes span+span{padding-left:0;border:0}.hero-orbit{width:95px;height:95px;right:8%;top:auto;bottom:88px;box-shadow:0 0 0 10px #ffffff09}.orbit-number{font-size:30px;letter-spacing:-1px}.orbit-label{font-size:12px;letter-spacing:.6px}.orbit-play{font-size:12px;margin-top:6px}.hero-bottom{left:6%;right:6%;bottom:22px;font-size:12px;letter-spacing:1.4px}.hero-bottom span:last-child{display:none}.intro-strip{padding:28px 6%;flex-direction:column;align-items:flex-start;gap:22px}.intro-strip>p{font-size:14px}.intro-strip>div{gap:23px}.strip-number{font-size:44px}.section{padding:58px 6%}.section-head{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:30px}.section-head>p{font-size:14px}.section-head h2{margin-top:14px}.project-grid{display:block}.featured .project-image{height:auto;min-height:0;aspect-ratio:1.05}.project-stack{margin-top:15px;gap:15px}.project-image{aspect-ratio:1.5}.project-info h3{font-size:20px}.project-info{padding-top:17px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps h3{margin-top:18px;font-size:22px}.steps p{max-width:none}.contact-row{flex-direction:column;align-items:flex-start;gap:25px}.contact-row h2{font-size:40px}.contact-row p{font-size:15px}.contact .button{font-size:14px;padding:15px 20px}footer{margin:0 6%;align-items:flex-start;flex-direction:column;gap:12px}.modal-top{padding:10px 15px;font-size:12px}.modal-bottom{flex-direction:column;align-items:flex-start;gap:18px;padding:20px}.modal-bottom>p{font-size:13px}#preview-image{min-height:240px;max-height:45svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

@media(max-width:760px){.orbit-label{display:none}.hero-bottom{letter-spacing:.6px}}

/* One featured project and eight individual project slots. */
.project-grid{height:clamp(680px,58vw,880px);align-items:stretch}
.project-grid>.featured{display:flex;flex-direction:column;min-width:0;min-height:0}
.featured .project-image{height:auto;min-height:0;flex:1;width:100%}
.featured .project-info{flex:none}
.project-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:16px 20px;min-width:0;min-height:0}
.project-stack .project{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0}
.project-stack .project-image{aspect-ratio:auto;width:100%;height:100%;min-height:0}
.project-stack .project-info{padding:8px 0 0;gap:8px}
.project-stack .project-info h3{font-size:16px;margin-top:1px;line-height:1.35}
.project-stack .project-type{font-size:12px;letter-spacing:.8px}
.project-stack .project-index{font-size:12px}
.project-stack .image-badge{top:10px;left:10px;padding:3px 8px}
.project-stack .project:nth-child(3n+1) img{object-position:35% center}
.project-stack .project:nth-child(3n+2) img{object-position:65% center}
@media(max-width:1050px) and (min-width:761px){.project-stack{gap:16px 12px}.project-stack .project-type{letter-spacing:0}}
@media(max-width:760px){.project-grid{height:auto}.featured .project-image{flex:auto;aspect-ratio:1.05}.project-stack{margin-top:24px;gap:22px 14px;grid-template-rows:none}.project-stack .project-image{aspect-ratio:1.4;height:auto}.project-stack .project{grid-template-rows:auto auto}.project-stack .project-type{letter-spacing:0}.project-stack .project-index{display:none}}
@media(max-width:340px){.project-stack{grid-template-columns:1fr}.project-stack .project-image{aspect-ratio:1.7}}

.brand-logo{display:block;width:160px;height:88px;object-fit:contain}.brand{flex-shrink:0}@media(max-width:760px){.brand-logo{width:120px;height:68px}}

.header-actions{display:flex;align-items:center;gap:12px}.header .mobile-contact{display:none}.hero-orbit .orbit-play{font-size:30px;margin:0 0 0 5px}@media(max-width:1150px){.header{gap:18px}.header nav{gap:16px}.header .brand-logo{width:125px}.header-actions .button{padding:10px 14px}.header nav{font-size:13px}}@media(max-width:960px){.header nav{display:none;position:absolute;top:96px;left:0;right:0;background:var(--bg);padding:25px 6%;flex-direction:column;box-shadow:0 15px 20px #0004;z-index:10}.header{position:relative;z-index:5}.header nav.open{display:flex}.menu{display:block}.header-actions{margin-left:auto}.header .mobile-contact{display:block}}@media(max-width:760px){.header nav{top:78px}.header{gap:14px}.header .brand-logo{width:112px}.header-actions .contact-action{display:none}.header-actions .catalog-action{font-size:12px;padding:9px 12px;min-height:40px}.header-actions{gap:0}.hero-orbit .orbit-play{font-size:24px}}

.afn360-catalog{min-height:65vh}.afn360-catalog .wp-block-image img{max-width:100%;height:auto}.afn360-catalog-content{margin-top:32px}.afn360-catalog-content a{color:var(--accent)}.afn360-catalog-content iframe{max-width:100%}