/* Custom websites: a SKAU concept first, real project proof in its own section. */
.phero{position:relative;background:#fbfbf9;color:#1a202a;padding:clamp(8.4rem,12vw,10.5rem) 0 clamp(5rem,8vw,8rem)}
.phero::before{content:"";position:absolute;inset:0 0 auto 35%;height:85%;background:radial-gradient(ellipse at 55% 45%,#d7e9ff 0%,#f1e1f1 33%,transparent 70%);pointer-events:none}
.custom-hero-grid{position:relative;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,4vw,5rem)}
.phero .kicker{color:#2863bb}.phero .kicker::before{background:#2e6be6;box-shadow:0 0 0 4px #2e6be622}
.phero h1{color:#181c22;font-size:clamp(3.1rem,5.7vw,6.25rem);max-width:11ch;line-height:.96}
.phero .sub{color:#465263}.phero .btn.soft{color:#1d2735;border-color:#aeb8c7}.phero .btn.soft:hover{background:#fff}
.custom-hero-caption{color:#5c6879}
.custom-hero-visual{min-height:590px;display:grid;place-items:center;position:relative;perspective:none}
.custom-orbit{position:absolute;border:1px solid #8aa6df5c;border-radius:50%;pointer-events:none}.custom-orbit-one{width:94%;aspect-ratio:1;transform:rotate(-18deg)}.custom-orbit-two{width:72%;aspect-ratio:1;transform:rotate(18deg)}
.custom-build-preview{position:relative;z-index:1;width:min(86%,560px);height:460px;background:#fffaf4;border:1px solid #cbd5e0;box-shadow:0 32px 80px #2843652e;transform:rotate(-3deg);animation:custom-enter 1s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column}
.custom-build-top,.custom-build-bottom{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.1rem 1.4rem;font-size:.61rem;letter-spacing:.14em;font-weight:800;color:#4c6487}
.custom-build-top{border-bottom:1px solid #e8dfd5}.custom-build-main{flex:1;padding:2.1rem 2.2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 95% 8%,#f9c5cf 0%,transparent 38%),radial-gradient(circle at 88% 95%,#c1dbf8 0%,transparent 42%)}
.custom-build-main small{font-size:.64rem;letter-spacing:.17em;font-weight:800;color:#2863bb}.custom-build-main strong{font-size:clamp(2.6rem,4.3vw,5rem);line-height:.9;letter-spacing:-.07em;margin:.75rem 0;color:#1b2738}.custom-build-main p{font-size:.85rem;color:#465263}.custom-build-main b{background:#2e6be6;color:#fff;padding:.7rem 1rem;margin-top:1.3rem;font-size:.7rem}.custom-build-main b span{margin-left:1.5rem}
.custom-build-bottom{justify-content:flex-start;gap:clamp(.7rem,2vw,2rem);border-top:1px solid #e8dfd5;color:#6b7380;flex-wrap:wrap}
.custom-build-note{position:absolute;z-index:2;padding:1rem 1.2rem;background:#dedcf8;color:#263053;font-size:.78rem;line-height:1.25;box-shadow:0 16px 30px #283d5d25;transform:rotate(5deg)}.custom-build-note b{font-size:1rem}.custom-build-note-one{top:5%;right:1%;background:#d8e9fc}.custom-build-note-two{bottom:5%;left:0;background:#d1eee2;transform:rotate(-5deg)}
@keyframes custom-enter{from{opacity:0;transform:translateY(35px) rotate(0)}to{opacity:1;transform:rotate(-3deg)}}
.custom-intro{background:linear-gradient(115deg,#d9e9ff 0%,#f4dbe7 50%,#d5e6fb 100%)}.custom-intro .custom-section-head{max-width:73ch}.custom-intro .custom-section-head p{color:#38485f}.custom-intro .kicker{color:#245aaa}
.custom-scope-grid{gap:1rem}.custom-scope{border:1px solid #ffffffad;box-shadow:0 18px 42px #38547a17;border-radius:10px;min-height:520px;padding:1.6rem;overflow:hidden}.custom-scope:nth-child(1){background:#fffaf2}.custom-scope:nth-child(2){background:#ecf1ff}.custom-scope:nth-child(3){background:#edf8f1}.custom-scope h3{font-size:clamp(1.45rem,2vw,1.9rem)}.custom-scope>span{color:#255aab}
.custom-scope-art{border:0;margin:2rem -1.6rem -1.6rem;min-height:215px;flex:1;border-radius:0;padding:1.2rem;position:relative}
.art-structure{background:#f1d9e5;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.custom-map-center{background:#1c3d72;color:#fff;padding:.75rem 1rem;font-size:.7rem;font-weight:800;letter-spacing:.1em}.custom-map-branches{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center}.custom-map-branches b{width:auto;padding:.7rem .8rem;background:#fff;color:#234a7d;box-shadow:0 7px 14px #5739541a;font-size:.62rem}
.art-flow{background:#c8dcfa;display:grid;place-items:center}.custom-flow-screen{width:75%;height:100%;padding:1.25rem;background:#fff;border-radius:10px;box-shadow:0 15px 25px #27467222;display:flex;flex-direction:column;align-items:flex-start}.custom-flow-screen small{font-size:.53rem;letter-spacing:.14em;color:#4872a8;font-weight:800}.custom-flow-screen strong{font-size:1.6rem;line-height:.95;letter-spacing:-.05em;color:#20324d;margin:auto 0}.custom-flow-screen span{background:#1e5faf;color:#fff;font-size:.62rem;padding:.5rem .65rem}.custom-flow-screen i{font-style:normal;margin-left:1.2rem}.custom-flow-confirm{position:absolute;right:4%;bottom:10%;background:#c5efd9;color:#184b3e;padding:.7rem .8rem;font-size:.6rem;box-shadow:0 12px 20px #1e66512c}.custom-flow-confirm b{margin-right:.4rem}
.art-migration{background:#d0ebe1;display:grid;grid-template-columns:1fr;align-content:center;gap:.45rem}.art-migration>div{display:flex;gap:.8rem;align-items:center;background:#fffdf8;padding:.65rem .85rem;box-shadow:0 7px 14px #255d4a10}.art-migration>div:nth-child(2){margin-left:8%;background:#f7e3e9}.art-migration>div:nth-child(3){margin-left:16%;background:#dbe5fc}.art-migration small{font-size:.55rem;white-space:nowrap;letter-spacing:.07em;color:#477263;font-weight:800}.art-migration b{font-size:.72rem;color:#24483d;white-space:normal}
.custom-work{background:#fffaf4}.custom-work-grid{box-shadow:0 22px 58px #1e37651a}.custom-work-heading h2{max-width:16ch}
.custom-process{background:#17233b}.custom-process .custom-section-head h2{max-width:19ch}.custom-process li{border-top-color:#7188b0}.custom-process li strong{color:#a7cbff}
#inquiry{background:#f4f7fc}#inquiry .cform{background:#fff;border-color:#dce5f0;box-shadow:0 20px 50px #243b6210}
@media(max-width:920px){.custom-hero-visual{min-height:510px}.custom-build-preview{height:420px}.custom-scope{min-height:450px}}
@media(max-width:640px){.phero{padding:7.2rem 0 3.5rem}.phero::before{inset:30% 0 auto 0;height:65%}.phero h1{font-size:clamp(2.9rem,11vw,4.4rem)}.custom-hero-visual{min-height:380px}.custom-build-preview{width:87%;height:310px}.custom-build-top,.custom-build-bottom{padding:.6rem .7rem;font-size:.43rem}.custom-build-main{padding:1rem}.custom-build-main strong{font-size:2.7rem}.custom-build-main p{font-size:.65rem}.custom-build-note{padding:.55rem .65rem;font-size:.55rem}.custom-build-note b{font-size:.7rem}.custom-scope{min-height:440px}.custom-scope-art{min-height:210px}.custom-work-heading h2{max-width:none}}
@media(prefers-reduced-motion:reduce){.custom-build-preview{animation:none;transform:none}.custom-scope{transition:none}}

/* A photographic pause and a more tactile, readable process. */
.custom-photo-break{background:#fffaf4;padding:clamp(5rem,9vw,9rem) 0;overflow:hidden}
.custom-photo-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.custom-photo-copy .kicker{color:#255cae}.custom-photo-copy h2{font-family:Archivo,Arial,sans-serif;color:#172033;font-size:clamp(2.7rem,4.8vw,5rem);letter-spacing:-.055em;line-height:.99;max-width:12ch;margin:1rem 0 1.4rem}
.custom-photo-copy>p{color:#506070;max-width:43ch;line-height:1.6}
.custom-photo-sticky{display:inline-block;margin:3rem 0 0 1rem;background:#d4f0e5;color:#183b38;padding:1.2rem 1.5rem;font-size:.95rem;line-height:1.3;box-shadow:0 20px 40px #1a393020;transform:rotate(-5deg)}.custom-photo-sticky b{font-size:1.15rem}
.custom-photo-pair{position:relative;min-height:570px;display:grid;grid-template-columns:1.15fr .72fr;gap:.8rem;align-items:end}.custom-photo-pair::before{content:"";position:absolute;z-index:0;inset:6% -8% 14% 12%;background:#decdf1;transform:rotate(4deg)}.custom-photo-pair figure{position:relative;z-index:1;margin:0;overflow:hidden;box-shadow:0 22px 50px #1a315127}.custom-photo-pair figure:first-child{height:520px}.custom-photo-pair figure:last-child{height:370px;transform:translateY(-7%) rotate(4deg);border:8px solid #fffaf4}.custom-photo-pair img{width:100%;height:100%;object-fit:cover;display:block}
.custom-process{background:#e7e9fc;color:#17233b}.custom-process .kicker{color:#285da5}.custom-process .kicker::before{background:#2e6be6;box-shadow:0 0 0 4px #2e6be622}.custom-process .custom-section-head h2{color:#17233b;max-width:16ch}.custom-process-top{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end}.custom-process-top>p{max-width:42ch;color:#40506b;font-size:1.08rem;line-height:1.65;padding-bottom:.5rem}
.custom-process ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:3.5rem}.custom-process li{position:relative;min-height:310px;background:#fffaf4;border:0;padding:1.45rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 14px 28px #31427a12}.custom-process li:nth-child(2){background:#d9ebf8}.custom-process li:nth-child(3){background:#d6eee1}.custom-process li:nth-child(4){background:#f6dce6}.custom-process li strong{font-size:clamp(3rem,4vw,4.8rem);line-height:1;letter-spacing:-.08em;color:#2762ae}.custom-process li:nth-child(2) strong{color:#286a8b}.custom-process li:nth-child(3) strong{color:#287056}.custom-process li:nth-child(4) strong{color:#a65077}.custom-process h3{color:#17233b;font-size:1.32rem;margin:0 0 .5rem}.custom-process li p{color:#465365;font-size:.9rem;line-height:1.55}
@media(max-width:920px){.custom-photo-grid,.custom-process-top{grid-template-columns:1fr}.custom-photo-pair{min-height:470px}.custom-photo-pair figure:first-child{height:430px}.custom-photo-pair figure:last-child{height:310px}.custom-process ol{grid-template-columns:1fr 1fr}.custom-process li{min-height:275px}}
@media(max-width:640px){.custom-photo-break{padding:5rem 0}.custom-photo-pair{min-height:310px;gap:.35rem}.custom-photo-pair figure:first-child{height:290px}.custom-photo-pair figure:last-child{height:230px;border-width:5px}.custom-photo-sticky{margin-top:2rem}.custom-process ol{grid-template-columns:1fr}.custom-process li{min-height:230px}.custom-process-top{gap:0}.custom-process-top>p{font-size:1rem}.custom-photo-copy h2{font-size:clamp(2.6rem,10vw,3.5rem)}}