.portfolio-hero-layout{grid-template-columns:1.3fr 1fr;align-items:center;gap:90px;display:grid}.portfolio-hero h1{font-size:clamp(42px,4.1vw,64px);line-height:1.16}.portfolio-hero-layout>div>p:not(.eyebrow){max-width:650px;margin:25px 0 28px;font-size:18px;line-height:1.9}.portfolio-index{background:linear-gradient(135deg,#fff,#f0f8ff 65%,#f4efff);border:1px solid #d3e3f5;border-radius:23px;padding:30px;transform:rotate(-2deg);box-shadow:0 25px 60px #3766a012}.portfolio-index>span{letter-spacing:.15em;color:#476f96;margin-bottom:23px;font-size:9px;font-weight:800;display:block}.portfolio-index>a{border-top:1px solid #d5e3f4;align-items:center;gap:17px;padding:23px 0;display:flex}.portfolio-index>a>small{color:#447ba9;font-size:10px}.portfolio-index strong{letter-spacing:-.03em;font-size:17px;line-height:1.4;display:block}.portfolio-index a div>span{color:#486686;margin-top:7px;font-size:11px;display:block}.portfolio-index>a>.icon{color:#4281bb;width:18px;height:18px;margin-left:auto;transition:transform .2s}.portfolio-index>a:hover>.icon{transform:translate(4px)}.portfolio-index>p{align-items:center;gap:9px;margin-top:10px;font-size:11px;display:flex}.portfolio-index>p>i{background:#1099ae;border-radius:50%;width:6px;height:6px}.portfolio-section-intro{justify-content:space-between;align-items:end;gap:60px;margin-bottom:36px;display:flex}.portfolio-section-intro h2{font-size:43px;line-height:1.2}.portfolio-section-intro>p{max-width:410px;font-size:16px;line-height:1.9}.portfolio-tools{border-top:1px solid #d5e3f3;border-bottom:1px solid #d5e3f3;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px 0;display:flex}.portfolio-tools>div{flex-wrap:wrap;gap:10px;display:flex}.portfolio-tools button{background:#fff;border:1px solid #d4e2f3;border-radius:24px;align-items:center;gap:12px;min-height:44px;padding:10px 17px;font-size:12px;font-weight:700;display:flex}.portfolio-tools button span{color:#4d6e98;font-size:10px}.portfolio-tools button[aria-pressed=true]{color:#fff;background:#12375b;border-color:#12375b}.portfolio-tools button[aria-pressed=true] span{color:#b8daff}.portfolio-tools>p{letter-spacing:.1em;white-space:nowrap;font-size:9px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px;display:grid}.portfolio-project[hidden]{display:none}.portfolio-project{background:#fff;border:1px solid #d3e2f4;border-radius:23px;min-width:0;overflow:hidden;box-shadow:0 15px 40px #37639a08}.portfolio-featured{grid-column:1/-1;grid-template-columns:1.15fr 1fr;align-items:start;display:grid}.portfolio-featured[hidden]{display:none}.portfolio-project-copy{padding:31px}.portfolio-project-meta{letter-spacing:.12em;color:#507194;justify-content:space-between;align-items:center;gap:15px;font-size:9px;font-weight:700;display:flex}.portfolio-project-meta>span:last-child{letter-spacing:0;align-items:center;gap:7px;font-size:11px;display:flex}.portfolio-project-meta .icon{width:14px;height:14px}.portfolio-category{color:#296fac;margin:24px 0 12px;font-size:11px;font-weight:700}.portfolio-project h2{letter-spacing:-.04em;font-size:32px;line-height:1.2}.portfolio-description{margin-top:20px;font-size:16px;line-height:1.9}.portfolio-tags{flex-wrap:wrap;gap:8px;margin:22px 0;padding:0;list-style:none;display:flex}.portfolio-tags li{color:#395f89;background:#f2f7ff;border:1px solid #dce7f7;border-radius:6px;padding:6px 9px;font-size:10px}.portfolio-details{border-top:1px solid #dae5f5;margin-top:24px}.portfolio-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-top:21px;font-size:13px;font-weight:800;list-style:none;display:flex}.portfolio-details summary::-webkit-details-marker{display:none}.portfolio-details summary>span{background:#f2f7ff;border:1px solid #d2e3f8;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.portfolio-details summary .icon{width:16px;height:16px;transition:transform .2s;transform:rotate(90deg)}.portfolio-details[open] summary .icon{transform:rotate(270deg)}.portfolio-details>div{padding-top:25px}.portfolio-details h3{margin:0 0 12px;font-size:18px;line-height:1.4}.portfolio-details>div>p{margin-bottom:25px;font-size:15px;line-height:1.9}.portfolio-details ul{gap:20px;padding:0;list-style:none;display:grid}.portfolio-details li{align-items:start;gap:12px;display:flex}.portfolio-details li>.icon{color:#168eaa;width:17px;height:17px;margin-top:3px}.portfolio-details h4{letter-spacing:-.02em;font-size:15px;line-height:1.5}.portfolio-details li p{margin-top:5px;font-size:14px;line-height:1.85}.portfolio-preview{--preview-accent:#276ac7;isolation:isolate;background:radial-gradient(at 90% 0,#e4e7ff,#0000 65%),#eaf4ff;align-items:center;min-width:0;min-height:400px;padding:45px 35px 65px;display:flex;position:relative;overflow:hidden}.preview-commercial{--preview-accent:#486d65;background:linear-gradient(140deg,#e2ede7,#f4f5ec)}.preview-residential{--preview-accent:#946946;background:linear-gradient(140deg,#f4e9df,#eee7f6)}.portfolio-featured>.portfolio-preview{height:100%;min-height:490px}.preview-orbit{aspect-ratio:1;z-index:-1;border:1px solid #668bba20;border-radius:50%;width:90%;position:absolute;top:10%;left:18%}.portfolio-browser{background:#fff;border:1px solid #fff;border-radius:13px;width:94%;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 20px 38px #26406423}.portfolio-chrome{background:#f7f9fc;border-bottom:1px solid #e3e9f2;justify-content:space-between;align-items:center;gap:9px;height:28px;padding:0 12px;display:flex}.portfolio-chrome>span{gap:4px;display:flex}.portfolio-chrome i{background:#a6b9ce;border-radius:50%;width:4px;height:4px}.portfolio-chrome small{letter-spacing:.1em;color:#637b96;font-size:6px;font-weight:700}.portfolio-chrome>.icon{color:#7b92aa;width:10px;height:10px}.portfolio-site{color:#183143;padding:17px 20px 20px}.portfolio-masthead{letter-spacing:.09em;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;display:flex}.portfolio-masthead>div{align-items:center;gap:10px;display:flex}.portfolio-masthead i{background:#bac9d6;width:20px;height:2px}.portfolio-masthead .icon{color:#456b8b;width:12px;height:12px}.portfolio-site-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:10px;min-height:200px;padding:22px 0;display:grid}.portfolio-site-hero small{letter-spacing:.14em;margin-bottom:12px;font-size:5px;font-weight:700;display:block}.portfolio-site-hero strong{letter-spacing:-.05em;font-size:26px;font-weight:800;line-height:1.12;display:block}.preview-commercial .portfolio-site-hero strong,.preview-residential .portfolio-site-hero strong{font-size:23px}.preview-action{background:var(--preview-accent);color:#fff;border-radius:4px;align-items:center;gap:12px;width:fit-content;margin-top:18px;padding:9px 12px;font-size:6px;display:flex}.preview-action .icon{width:9px;height:9px}.preview-scene{background:#dce8fa;border-radius:50% 50% 14px 14px;height:170px;position:relative}.preview-headphones{position:absolute;inset:13px 8px;transform:rotate(15deg)}.preview-headphones>span{border:15px solid #253d6a;border-bottom:0;border-radius:70px 70px 0 0;width:73%;height:105px;position:absolute;top:0;left:13%;box-shadow:inset 0 2px 3px #8ba4c4}.preview-headphones>i,.preview-headphones>b{background:linear-gradient(120deg,#7d95bc,#182c50);border-radius:14px;width:32%;height:64px;position:absolute;top:69px;left:4%;box-shadow:4px 7px 10px #294b5b30}.preview-headphones>b{left:auto;right:3%}.preview-product-block{filter:blur(4px);background:#d1dcee;border-radius:50%;height:12px;position:absolute;bottom:0;left:10%;right:10%}.portfolio-site-bottom{border-top:1px solid #e5ebf3;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:12px;display:grid}.portfolio-site-bottom>div{background:#f5f8fc;border-radius:5px;padding:10px 6px}.portfolio-site-bottom span{color:#6f85a4;font-size:5px}.portfolio-site-bottom b{margin:6px 0;font-size:6px;line-height:1.4;display:block}.portfolio-site-bottom i{background:#dde7f0;width:70%;height:3px;display:block}.portfolio-phone{color:#20344b;background:#fff;border:4px solid #eaf0f8;border-radius:19px;width:95px;min-height:188px;padding:16px 9px 11px;position:absolute;bottom:47px;right:23px;transform:rotate(6deg);box-shadow:0 12px 25px #314d7026}.portfolio-phone>span{background:#d2dceb;border-radius:5px;width:27px;height:4px;margin:-9px auto 16px;display:block}.portfolio-phone>.icon{width:14px;height:14px;color:var(--preview-accent)}.portfolio-phone>strong{letter-spacing:-.05em;margin:10px 0;font-size:13px;line-height:1.15;display:block}.portfolio-phone>small{background:var(--preview-accent);color:#fff;border-radius:3px;justify-content:space-between;align-items:center;padding:6px 4px;font-size:4px;display:flex}.portfolio-phone small .icon{width:6px;height:6px}.phone-product{background:linear-gradient(130deg,#d3e6fa,#7a93b6);border-radius:8px;height:55px;margin-bottom:11px;position:relative}.phone-product:after{content:"";border:7px solid #283b61;border-bottom-width:14px;border-radius:50% 50% 7px 7px;width:50%;height:40px;position:absolute;top:7px;left:25%}.preview-caption{text-align:center;letter-spacing:.1em;color:#476181;font-size:7px;position:absolute;bottom:20px;left:20px;right:20px}.preview-commercial .preview-scene{background:#d4e1d8;border-radius:10px}.preview-building{background:linear-gradient(110deg,#fff,#b4cbc3);gap:6px;padding:12px 9px;display:flex;position:absolute;inset:15px 12px 5px;transform:skewY(-5deg);box-shadow:7px 8px #8eaba0}.preview-building>div{background:repeating-linear-gradient(0deg,#466e71 0 13px,#d0dcd7 13px 20px);width:33%}.preview-ground{background:#8ca69b;height:7px;position:absolute;bottom:0;left:0;right:0}.preview-residential .preview-scene{background:#d7bba0;border-radius:10px}.preview-room{background:linear-gradient(90deg,#e6cfbc,#f9eee5);border-bottom:15px solid #ac8f72;position:absolute;inset:10px}.preview-window{background:linear-gradient(120deg,#f9ffff,#c5dce1);border:5px solid #fff;width:36%;height:70px;position:absolute;top:10px;left:10px}.preview-window:after{content:"";background:#fff;width:3px;height:100%;position:absolute;left:45%}.preview-sofa{background:#c1ab99;border:6px solid #b6a08f;border-bottom:12px solid #a68c77;border-radius:9px;width:80%;height:40px;position:absolute;bottom:0;left:10%}.preview-plant{background:#77917a;border-radius:70% 10%;width:19px;height:35px;position:absolute;top:35px;right:7px;transform:rotate(-20deg)}.phone-paint{gap:3px;height:45px;margin:12px 0;display:flex}.phone-paint i{background:#c2d5cc;border-radius:4px;flex:1}.phone-paint i:nth-child(2){background:#97b5af}.phone-paint i:nth-child(3){background:#c6b297}.portfolio-approach>.container{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.portfolio-approach h2{font-size:43px;line-height:1.2}.portfolio-approach .container>div>p:not(.eyebrow){margin:24px 0;font-size:17px;line-height:1.9}.portfolio-principles{gap:28px;display:grid}.portfolio-principles article{border-bottom:1px solid #d9e5f5;align-items:start;gap:17px;padding-bottom:25px;display:flex}.portfolio-principles article>span{color:#5680ac;padding-top:5px;font-size:10px}.portfolio-principles article>.icon{color:#377ac2;width:25px;height:25px}.portfolio-principles h3{font-size:21px;line-height:1.3}.portfolio-principles p{margin-top:11px;font-size:15px;line-height:1.85}.portfolio-cta{text-align:center}.portfolio-cta .eyebrow{justify-content:center}.portfolio-cta h2{font-size:49px;line-height:1.15}.portfolio-cta p{max-width:550px;margin:25px auto;font-size:17px}.portfolio-tools button:focus-visible,.portfolio-details summary:focus-visible,.portfolio-index a:focus-visible{outline-offset:4px;outline:2px solid #267ade}.portfolio-project{scroll-margin-top:115px}@media (max-width:1100px){.portfolio-hero-layout{gap:40px}.portfolio-index{padding:23px}.portfolio-index strong{font-size:15px}.portfolio-preview{padding:35px 25px 60px}.portfolio-featured{grid-template-columns:1fr 1fr}.portfolio-featured>.portfolio-preview{min-height:470px}.portfolio-site{padding:12px}.portfolio-site-hero strong{font-size:22px}.preview-commercial .portfolio-site-hero strong,.preview-residential .portfolio-site-hero strong{font-size:21px}.portfolio-site-hero{min-height:180px}.preview-scene{height:145px}.preview-headphones>span{border-width:11px;height:86px}.preview-headphones>i,.preview-headphones>b{height:54px;top:55px}.portfolio-project-copy{padding:25px}.portfolio-project h2{font-size:28px}.portfolio-section-intro{gap:40px}.portfolio-section-intro h2,.portfolio-approach h2{font-size:37px}.portfolio-approach>.container{gap:45px}}@media (max-width:760px){.portfolio-hero-layout{grid-template-columns:1fr;gap:42px}.portfolio-hero h1{font-size:clamp(35px,8.7vw,50px)}.portfolio-hero-layout>div>p:not(.eyebrow){margin:23px 0;font-size:17px}.portfolio-index{padding:25px;transform:none}.portfolio-index strong{font-size:16px}.portfolio-index>a{padding:20px 0}.portfolio-section-intro{margin-bottom:27px;display:block}.portfolio-section-intro h2{font-size:35px}.portfolio-section-intro>p{max-width:none;margin-top:23px;font-size:16px}.portfolio-tools{flex-direction:column;align-items:start;gap:18px;margin-bottom:24px}.portfolio-tools>div{gap:8px}.portfolio-tools button{gap:8px;padding:9px 12px;font-size:11px}.portfolio-grid{grid-template-columns:1fr;gap:25px}.portfolio-featured{grid-column:auto;display:block}.portfolio-project-copy{padding:25px}.portfolio-project h2{font-size:29px}.portfolio-description{font-size:16px}.portfolio-preview,.portfolio-featured>.portfolio-preview{height:auto;min-height:370px;padding:40px 25px 70px}.portfolio-browser{width:94%}.portfolio-site-hero strong{font-size:25px}.portfolio-site-hero{min-height:180px}.preview-commercial .portfolio-site-hero strong,.preview-residential .portfolio-site-hero strong{font-size:23px}.portfolio-site{padding:16px}.portfolio-phone{width:85px;min-height:175px;bottom:45px;right:18px}.portfolio-approach>.container{grid-template-columns:1fr;gap:36px}.portfolio-approach h2{font-size:35px}.portfolio-approach .container>div>p:not(.eyebrow){font-size:16px}.portfolio-principles h3{font-size:20px}.portfolio-principles article{gap:13px}.portfolio-principles article>span{display:none}.portfolio-cta h2{font-size:38px}.portfolio-cta p{font-size:16px}.portfolio-details>div>p{font-size:15px}.portfolio-tags li{font-size:10px}.preview-caption{letter-spacing:.04em;font-size:6px}}@media (max-width:380px){.portfolio-index{padding:21px}.portfolio-index strong{font-size:14px}.portfolio-index>a{gap:12px}.portfolio-project-copy{padding:23px}.portfolio-preview,.portfolio-featured>.portfolio-preview{min-height:315px;padding:30px 18px 65px}.portfolio-site{padding:13px}.portfolio-site-hero{gap:5px;min-height:155px}.portfolio-site-hero strong{font-size:20px}.preview-commercial .portfolio-site-hero strong,.preview-residential .portfolio-site-hero strong{font-size:18px}.preview-scene{height:125px}.preview-headphones>span{border-width:10px;height:70px}.preview-headphones>i,.preview-headphones>b{height:43px;top:48px}.portfolio-masthead{font-size:7px}.portfolio-phone{border-width:3px;width:72px;min-height:155px;padding:14px 7px 9px}.portfolio-phone>strong{font-size:11px}.phone-product{height:45px}.phone-product:after{border-width:5px 5px 10px;height:32px}.preview-action{padding:7px 8px;font-size:5px}.preview-window{height:50px}.preview-building{gap:4px;padding:10px 6px}}@media (prefers-reduced-motion:reduce){.portfolio-index>a>.icon,.portfolio-details summary .icon{transition:none}}.portfolio-hero-layout>.portfolio-index>p{margin:10px 0 0;font-size:11px;line-height:1.7}