/* Architect Family / playful editorial home. The original brand artwork is untouched. */
:root{--pop-coral:#e75a42;--pop-ink:#202325;--pop-cream:#fff9ee;--pop-yellow:#f8c84a;--pop-blue:#bde9eb;--pop-pink:#f7cbd2}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.site-header{border-bottom:0;box-shadow:0 5px 25px #29242109}
.main-nav a:after{height:7px;bottom:7px;border-radius:50%;transform:rotate(-3deg);background:var(--pop-yellow)}
.header-contact{background:var(--pop-coral);border-radius:999px;padding:15px 21px;box-shadow:4px 5px 0 #202325}
.header-contact:hover{background:#cb4934;transform:translate(2px,2px);box-shadow:2px 3px 0 #202325}
.pop-hero{position:relative;overflow:hidden;background:var(--pop-cream);min-height:760px;padding:83px 0 78px;color:var(--pop-ink)}
.pop-hero:before{content:"";position:absolute;left:-90px;bottom:-210px;width:350px;height:350px;background:#f6e5cb;border-radius:44% 56% 62% 38% / 41% 42% 58% 59%;transform:rotate(25deg)}
.pop-hero-splash{position:absolute;pointer-events:none}
.pop-hero-splash-one{width:570px;height:470px;right:-65px;top:-220px;background:#f9e6d6;border-radius:49% 51% 63% 37% / 51% 40% 60% 49%;transform:rotate(-22deg)}
.pop-hero-splash-two{width:295px;height:260px;right:34%;bottom:-190px;background:#f7e8e2;border-radius:63% 37% 51% 49% / 38% 58% 42% 62%}
.pop-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:30px;position:relative;z-index:1}
.pop-hero-copy{position:relative;padding:12px 0 0 25px;z-index:3}
.pop-hero-kicker{display:inline-flex;align-items:center;gap:10px;font:800 11px Arial,sans-serif;letter-spacing:.14em;color:#676667;margin-bottom:25px}
.pop-hero-kicker span{color:var(--pop-coral);font-size:23px;line-height:0}
.pop-hero h1{font-size:clamp(4.5rem,7.3vw,7.7rem);line-height:1.17;letter-spacing:-.09em;margin:0;font-weight:900;white-space:nowrap}
.pop-hero-main-word{color:var(--pop-coral);position:relative;display:inline-block}
.pop-hero-main-word svg{position:absolute;left:1%;bottom:-16px;width:99%;height:35px;overflow:visible}
.pop-hero-main-word path{fill:none;stroke:var(--pop-yellow);stroke-width:15;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.pop-hero h1 small{display:block;font-size:.69em;color:var(--pop-ink);letter-spacing:-.08em;margin:13px 0 0 55px;transform:rotate(-2deg)}
.pop-hero-copy>p{font-size:clamp(14px,1.2vw,17px);line-height:2;margin:38px 0 29px;font-weight:650;letter-spacing:-.03em}
.pop-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pop-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:220px;min-height:59px;padding:8px 9px 8px 22px;border-radius:100px;font-size:13px;font-weight:850;box-shadow:4px 5px 0 var(--pop-ink);transition:transform .2s,box-shadow .2s}
.pop-button:hover{transform:translate(2px,2px);box-shadow:2px 3px 0 var(--pop-ink)}
.pop-button span{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;font-size:19px}
.pop-button-primary{background:var(--pop-coral);color:white;border:2px solid var(--pop-ink)}
.pop-button-primary span{background:#fff;color:var(--pop-ink)}
.pop-button-outline{background:#fff;color:var(--pop-ink);border:2px solid var(--pop-ink)}
.pop-button-outline span{background:var(--pop-yellow)}
.pop-hero-trust{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:11px;line-height:1.55;color:#55595a}
.pop-hero-trust strong{font-size:16px;color:var(--pop-ink)}
.pop-trust-star{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--pop-yellow);font-size:20px;color:var(--pop-ink);transform:rotate(-15deg)}
.pop-hero-visual{height:625px;position:relative;isolation:isolate}
.pop-main-photo{position:absolute;z-index:1;inset:65px 28px 0 85px;margin:0;transform:rotate(4deg);border:9px solid white;border-radius:45% 43% 11% 13% / 25% 23% 11% 13%;overflow:hidden;box-shadow:13px 18px 0 #20232517}
.pop-main-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.pop-main-photo figcaption{position:absolute;right:22px;bottom:20px;background:#fff;border-radius:100px;padding:9px 13px;font:800 10px Arial,sans-serif;letter-spacing:.06em;transform:rotate(-4deg)}
.pop-side-photo{position:absolute;z-index:3;width:36%;height:265px;left:0;bottom:-22px;margin:0;transform:rotate(-9deg);border:8px solid #fff;border-radius:90px 100px 18px 80px;overflow:hidden;box-shadow:10px 12px 0 #20232520}
.pop-side-photo img{width:100%;height:100%;object-fit:cover}
.pop-side-photo figcaption{position:absolute;bottom:13px;left:7px;right:7px;background:#fff;border-radius:100px;padding:7px 5px;text-align:center;font-size:10px;font-weight:900;transform:rotate(9deg)}
.pop-cloud-note{position:absolute;z-index:4;left:0;top:10px;width:225px;height:126px;display:grid;place-content:center;text-align:center;background:var(--pop-yellow);border:2px solid var(--pop-ink);border-radius:43% 57% 47% 53% / 53% 47% 53% 47%;font-size:17px;font-weight:800;line-height:1.35;transform:rotate(-9deg);box-shadow:6px 6px 0 var(--pop-ink)}
.pop-cloud-note:after{content:"";position:absolute;width:27px;height:27px;right:27px;bottom:-18px;background:var(--pop-yellow);border-bottom:2px solid var(--pop-ink);border-right:2px solid var(--pop-ink);transform:rotate(29deg)}
.pop-cloud-note strong{font-size:20px}
.pop-mascot-note{position:absolute;z-index:4;right:-2px;bottom:-39px;display:flex;align-items:center;gap:2px;transform:rotate(7deg)}
.pop-mascot-note img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(2px 4px 0 #fff)}
.pop-mascot-note span{display:grid;place-items:center;width:90px;height:78px;background:var(--pop-blue);border:2px solid var(--pop-ink);border-radius:46% 54% 44% 56% / 48% 47% 53% 52%;font-size:11px;font-weight:900;text-align:center;line-height:1.5;box-shadow:4px 4px 0 var(--pop-ink)}
.pop-doodle{position:absolute;fill:none;stroke:var(--pop-coral);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.pop-doodle-top{z-index:2;width:110px;right:4px;top:0;transform:rotate(9deg)}
.pop-scroll{position:absolute;left:max(48px,calc((100% - 1360px)/2));bottom:23px;font:800 10px Arial,sans-serif;letter-spacing:.16em;display:flex;align-items:center;gap:15px;z-index:2}
.pop-scroll span{font-size:20px;letter-spacing:0}
.pop-ribbon{height:48px;background:var(--pop-ink);color:#fff;overflow:hidden;display:flex;align-items:center;clip-path:polygon(0 7px,100% 0,100% calc(100% - 7px),0 100%);position:relative;z-index:2;margin:-1px 0 0}
.pop-ribbon div{font:900 13px Arial,sans-serif;white-space:nowrap;letter-spacing:.2em;word-spacing:1em;min-width:max-content;padding-left:20px;color:#fff8ed}
/* Repeating organic forms give the long home page one visual language. */
.section-index{color:var(--pop-coral);font-weight:900}
.intro-editorial{padding:122px 0;background:#fff}
.intro-inner{align-items:center}
.intro-inner h2 span{position:relative;z-index:0;color:var(--pop-ink)}
.intro-inner h2 span:after{content:"";position:absolute;left:0;right:0;height:19px;bottom:5px;background:var(--pop-yellow);border-radius:50%;transform:rotate(-3deg);z-index:-1}
.intro-body{position:relative;background:#eaf7f6;border-radius:48px 48px 48px 12px;padding:31px 32px 27px;transform:rotate(2deg);box-shadow:6px 7px 0 #2023250d}
.intro-body p{margin-bottom:19px;max-width:none}
.intro-body:after{content:"";position:absolute;left:26px;bottom:-16px;border:18px solid transparent;border-top-color:#eaf7f6;border-right:0;transform:rotate(22deg)}
.under-link{border-bottom:3px solid var(--pop-coral)}
.proof-section{background:#fff9ee;padding:98px 0}
.proof-grid{gap:18px;align-items:stretch}
.proof-intro{padding:12px 18px 0 0}
.proof-item{position:relative;background:#fff;border:0;border-radius:35px 54px 33px 53px;padding:28px 23px;box-shadow:4px 5px 0 #20232513}
.proof-item:nth-child(3){background:#e6f5f4;border-radius:54px 35px 50px 30px;transform:translateY(12px)}
.proof-item:nth-child(4){background:#f9e3e3;border-radius:32px 55px 30px 50px}
.proof-symbol{margin:0 0 20px;font-size:48px;color:var(--pop-coral)}
.selected-work{background:#fff;padding:120px 0 130px}
.selected-work .editorial-heading h2:after{content:"✳";display:inline-block;color:var(--pop-yellow);font-size:.5em;vertical-align:top;margin-left:10px;transform:rotate(15deg)}
.editorial-work-image{border-radius:75px 20px 65px 20px;box-shadow:9px 10px 0 #eee8dc}
.editorial-work-side .editorial-work-image{border-radius:20px 70px 20px 70px}
.editorial-work-third .editorial-work-image{border-radius:70px 20px 70px 20px}
.editorial-work-caption{border-top:0;padding-top:5px}
.more-work-links a{border-radius:50px}
.statement-band{position:relative;background:var(--pop-ink);padding:112px 0 62px;overflow:hidden}
.statement-band:before,.statement-band:after{content:"✳";position:absolute;color:#ffffff18;font-size:320px;line-height:1;transform:rotate(12deg)}
.statement-band:before{right:-45px;top:-45px}.statement-band:after{left:-100px;bottom:-165px;font-size:280px}
.statement-inner em{color:var(--pop-yellow)}
.statement-kicker{color:var(--pop-yellow)}
.services-editorial{background:#fff9ee;padding:125px 0 135px}
.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:21px;border:0}
.service-list a{min-height:170px;border:0;background:#fff;grid-template-columns:50px 1fr 35px;grid-template-rows:auto auto;align-content:center;gap:7px 10px;padding:23px 26px;border-radius:38px 53px 38px 18px;box-shadow:5px 6px 0 #20232517;transition:transform .2s,box-shadow .2s}
.service-list a:nth-child(2){background:#def4f3;border-radius:53px 25px 53px 35px}.service-list a:nth-child(3){background:#f9e4df;border-radius:35px 52px 22px 52px}.service-list a:nth-child(4){background:#f8edca;border-radius:52px 35px 52px 20px}
.service-list a:hover{padding:23px 26px;transform:translate(2px,2px);box-shadow:3px 4px 0 #20232517;background:#fff}
.service-no{grid-column:1;grid-row:1/3;align-self:start;width:37px;height:37px;display:grid;place-items:center;background:var(--pop-ink);color:#fff;border-radius:50%}
.service-list strong{grid-column:2;grid-row:1}.service-list small{grid-column:2;grid-row:2}.service-arrow{grid-column:3;grid-row:1/3;align-self:center;text-align:center;width:37px;height:37px;line-height:37px;background:var(--pop-coral);color:#fff;border-radius:50%}
.pathways-section{padding:125px 0;background:#fff}
.pathways-grid{border:0;gap:17px}
.pathways-grid a{border:0;min-height:238px;background:#f5f2ed;border-radius:48px 21px 48px 21px;transition:transform .2s,background .2s;box-shadow:4px 5px 0 #20232511}
.pathways-grid a:nth-child(2),.pathways-grid a:nth-child(5){background:#e4f2f2;border-radius:21px 48px 21px 48px}
.pathways-grid a:nth-child(3),.pathways-grid a:nth-child(6){background:#f9e7dc}
.pathways-grid a:hover{background:#f9d2c3;transform:translateY(-4px)}
.pathways-grid b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff;right:20px;bottom:18px;font-size:19px}
.image-feature{background:var(--pop-ink)}
.image-feature-photo{clip-path:ellipse(94% 106% at 2% 50%)}
.image-feature-copy:before{content:"";position:absolute;right:-72px;top:-83px;width:240px;height:210px;background:#ffffff0d;border-radius:53% 47% 62% 38% / 44% 60% 40% 56%;transform:rotate(20deg)}
.showroom-section{background:#fff9ee}
.showroom-inner img{border:9px solid white;border-radius:55px 20px 55px 20px;box-shadow:10px 13px 0 #20232514;transform:rotate(2deg)}
.process-editorial{background:#fff;padding:120px 0 125px}
.process-line{border:0;gap:24px}
.process-line>div{border:0;margin:0;background:#fff8ea;border-radius:55px 22px 48px 20px;padding:28px 22px 35px;min-height:192px}
.process-line>div:nth-child(2){background:#e4f4f4;border-radius:22px 55px 22px 50px}.process-line>div:nth-child(3){background:#fae8e3}.process-line>div:nth-child(4){background:#f4f1e6;border-radius:22px 55px 22px 50px}
.process-line span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--pop-coral);color:#fff;font-size:14px}
.journal-section{background:#fff9ee}
.social-section{background:#fff;padding:120px 0 130px}
.social-grid{gap:25px}
.social-grid a{border:0;border-radius:45px 18px 45px 18px;box-shadow:7px 9px 0 #20232512;transition:transform .2s}
.social-grid a:nth-child(2){border-radius:18px 45px 18px 45px;transform:translateY(20px)}
.social-grid a:nth-child(3){background:#fff1e4}
.social-grid a:hover{transform:translateY(-4px)}
.social-grid a:nth-child(2):hover{transform:translateY(15px)}
.social-grid img{background:#fff9ee}
.social-grid a>div{border:0}
.related-section{background:#fff9ee}
.related-grid a{border:0;border-radius:25px;box-shadow:4px 5px 0 #20232510}
.related-grid a:nth-child(even){border-radius:45px 18px 45px 18px}
.cta-banner{position:relative;background:var(--pop-coral);overflow:hidden}
.cta-banner:before{content:"✳";position:absolute;font-size:360px;line-height:1;color:#ffffff22;right:10%;top:-130px;transform:rotate(20deg)}
.cta-inner{position:relative;z-index:1}
.cta-arrow{border:2px solid #fff;border-radius:50%;background:#fff;color:var(--pop-coral);box-shadow:5px 6px 0 #20232544}
.cta-arrow:hover{background:var(--pop-yellow);color:var(--pop-ink)}
@media(max-width:1100px){
  .pop-hero{min-height:690px;padding:65px 0 70px}
  .pop-hero-copy{padding-left:0}
  .pop-hero h1{font-size:clamp(4.2rem,7vw,6rem)}
  .pop-hero-visual{height:545px}
  .pop-main-photo{inset:60px 12px 0 65px}
  .pop-side-photo{height:205px}
  .pop-cloud-note{width:180px;height:110px;font-size:14px}
  .pop-cloud-note strong{font-size:17px}
  .pop-button{min-width:190px}
}
@media(max-width:850px){
  .pop-hero{padding:65px 0 50px}
  .pop-hero-grid{grid-template-columns:1fr;gap:12px}
  .pop-hero-copy{padding:0 8px}
  .pop-hero h1{font-size:clamp(4.5rem,11vw,7rem)}
  .pop-hero-copy>p{margin-top:32px}
  .pop-hero-visual{height:525px;width:min(600px,100%);margin:0 auto}
  .pop-main-photo{inset:45px 35px 0 90px}
  .pop-side-photo{height:225px;bottom:0}
  .pop-mascot-note{bottom:-10px}
  .pop-scroll{display:none}
  .intro-inner{grid-template-columns:1fr 1fr}
  .intro-body{padding:28px}
  .proof-grid{grid-template-columns:repeat(3,1fr)}
  .proof-intro{grid-column:1/-1}
  .pathways-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .pop-hero{padding:44px 0 49px;min-height:0}
  .pop-hero-grid{gap:24px}
  .pop-hero-kicker{font-size:9px;letter-spacing:.1em;margin-bottom:25px}
  .pop-hero h1{font-size:clamp(3.7rem,15vw,5.7rem);line-height:1.17}
  .pop-hero h1 small{margin:13px 0 0 24px}
  .pop-hero-main-word svg{bottom:-11px;height:26px}
  .pop-hero-main-word path{stroke-width:12}
  .pop-hero-copy>p{font-size:13px;margin:27px 0 23px}
  .pop-hero-actions{gap:10px}
  .pop-button{min-width:0;min-height:52px;font-size:11px;padding:6px 6px 6px 15px;gap:6px;flex:1 1 calc(50% - 6px);white-space:nowrap;box-shadow:3px 4px 0 var(--pop-ink)}
  .pop-button span{width:31px;height:31px;font-size:15px;flex:0 0 auto}
  .pop-hero-trust{margin-top:27px}
  .pop-hero-visual{height:395px;width:100%;margin:0}
  .pop-main-photo{inset:35px 16px 0 67px;border-width:6px}
  .pop-main-photo figcaption{font-size:7px;right:9px;bottom:9px}
  .pop-side-photo{width:43%;height:165px;border-width:6px;bottom:0}
  .pop-side-photo figcaption{font-size:8px}
  .pop-cloud-note{width:134px;height:80px;font-size:11px;top:0;left:1px;box-shadow:4px 4px 0 var(--pop-ink)}
  .pop-cloud-note strong{font-size:13px}
  .pop-cloud-note:after{width:17px;height:17px;bottom:-12px}
  .pop-mascot-note{bottom:-10px;right:-7px}
  .pop-mascot-note img{width:70px;height:70px}
  .pop-mascot-note span{width:66px;height:60px;font-size:8px}
  .pop-doodle-top{width:65px}
  .pop-ribbon{height:38px}
  .pop-ribbon div{font-size:10px}
  .intro-editorial,.selected-work,.services-editorial,.pathways-section,.process-editorial,.social-section{padding:83px 0}
  .intro-inner{grid-template-columns:1fr}
  .intro-inner>.section-index{margin-bottom:23px}
  .intro-body{margin-top:23px;transform:rotate(0);padding:27px 25px}
  .intro-inner h2,.editorial-heading h2{font-size:clamp(2.55rem,10vw,3.2rem)}
  .proof-section{padding:80px 0}
  .proof-grid{grid-template-columns:1fr;gap:14px}
  .proof-intro{grid-column:auto;margin-bottom:20px}
  .proof-item,.proof-item:nth-child(3){transform:none}
  .editorial-work-image,.editorial-work-side .editorial-work-image,.editorial-work-third .editorial-work-image{border-radius:48px 18px 48px 18px}
  .statement-band{padding:75px 0 40px}
  .service-list{grid-template-columns:1fr;gap:14px}
  .service-list a,.service-list a:hover{min-height:125px;padding:18px 19px}
  .pathways-grid{grid-template-columns:1fr 1fr;gap:11px}
  .pathways-grid a{min-height:205px;padding:19px 15px;border-radius:30px 12px 30px 12px}
  .pathways-grid a:nth-child(2),.pathways-grid a:nth-child(5){border-radius:12px 30px 12px 30px}
  .pathways-grid strong{font-size:18px;margin-top:25px}
  .pathways-grid small{font-size:10px;padding-right:20px}
  .pathways-grid b{right:9px;bottom:8px;width:28px;height:28px;font-size:15px}
  .image-feature-photo{clip-path:none;border-radius:0 0 50% 0}
  .showroom-inner img{border-radius:35px 12px 35px 12px;transform:none}
  .process-line{gap:12px}
  .process-line>div{padding:22px 14px;min-height:180px;border-radius:30px 13px 30px 13px}
  .process-line strong{font-size:18px}
  .social-grid a:nth-child(2){transform:none}
  .social-grid a:nth-child(2):hover{transform:translateY(-4px)}
  .related-grid a,.related-grid a:nth-child(even){border-radius:24px}
}
@media(max-width:390px){
  .pop-hero h1{font-size:14vw}
  .pop-button{font-size:10px;padding-left:10px}
  .pop-hero-visual{height:365px}
  .pop-main-photo{inset:37px 9px 0 55px}
  .pop-side-photo{height:145px}
  .pop-mascot-note img{width:59px;height:59px}
  .pop-mascot-note span{width:55px;height:54px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pop-button,.service-list a,.pathways-grid a{transition:none}}