.portfolio-intro-frame{width:calc(100% - clamp(36px,10.7vw,200px));max-width:1680px;margin-inline:auto}.portfolio-intro{isolation:isolate;background:linear-gradient(100deg,#faf7f0,#f4efe5 45%,#dbe3e5);min-height:34.9vw;position:relative;overflow:hidden}.portfolio-intro-art{z-index:-1;width:55%;position:absolute;inset:0 0 0 auto}.portfolio-intro-art img{object-fit:fill}.portfolio-intro-copy{width:44%;padding:clamp(50px,4vw,82px) 0 24px}.portfolio-kicker{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:22px;margin:0 0 39px;font-size:clamp(11px,.85vw,16px);font-weight:600;line-height:1.5;display:flex}.portfolio-kicker:after{content:"";background:var(--accent);flex:0 0 94px;height:1px}.portfolio-intro h1{font:400 clamp(44px, 4.2vw, 84px)/1.08 var(--display);letter-spacing:-.025em;color:#15272c;white-space:nowrap;margin:0 0 28px}.portfolio-introduction{color:#666b6b;max-width:590px;margin:0;font-size:clamp(18px,1.4vw,26px);line-height:1.4}.portfolio-principles{grid-template-columns:.9fr .9fr .9fr 1fr;margin:42px 0 0;padding:0;list-style:none;display:grid}.portfolio-principles li{padding:0 18px 0 clamp(22px,2.75vw,52px);position:relative}.portfolio-principles li:before{content:"";background:#cbb18a;width:1px;position:absolute;top:16px;bottom:10px;left:0}.portfolio-principles li:first-child{padding-left:0}.portfolio-principles li:first-child:before{display:none}.portfolio-principles li:last-child{padding-right:0}.portfolio-principles svg{color:#a47b43;width:38px;height:38px;margin-bottom:12px;display:block}.portfolio-principles h2{font:400 clamp(20px, 1.45vw, 29px)/1.1 var(--display);letter-spacing:-.03em;white-space:nowrap;color:#15272c;margin:0 0 5px}.portfolio-principles p{margin:0;font-size:clamp(13px,.92vw,18px);line-height:1.35}.portfolio-gateways{background:#fffdf8;grid-template-columns:1fr 1fr;gap:12px;padding:13px 24px 16px;display:grid}.portfolio-gateway{isolation:isolate;background:#f8f3e9;grid-template-columns:72px minmax(0,1fr) 56px;align-items:center;gap:clamp(25px,2vw,40px);min-height:236px;padding:clamp(32px,2.15vw,45px) clamp(34px,3.4vw,70px);transition:background .2s;display:grid;position:relative;overflow:hidden}.portfolio-gateway:nth-child(2){background:#f5ede0}.portfolio-gateway:hover{background:#eee3d0}.gateway-icon{color:#a47b43}.gateway-icon svg{width:64px;height:64px;display:block}.gateway-copy .portfolio-kicker{letter-spacing:.14em;gap:18px;margin-bottom:16px;font-size:clamp(10px,.82vw,15px)}.gateway-copy .portfolio-kicker:after{flex-basis:86px}.gateway-copy h2{font:400 clamp(35px, 2.8vw, 54px)/1.1 var(--display);letter-spacing:-.035em;color:#15272c;margin:0 0 13px}.gateway-copy>p:last-child{max-width:450px;margin:0;font-size:clamp(16px,1.15vw,22px);line-height:1.4}.gateway-arrow{color:#fff;background:#a47b43;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .2s;display:grid}.portfolio-gateway:hover .gateway-arrow{transform:translate(4px)}.gateway-wave{color:#bd965d;opacity:.17;z-index:-1;width:65%;height:140px;position:absolute;bottom:-25px;left:-10px}.portfolio-gateway:nth-child(2) .gateway-wave{inset:-15px -10px auto auto;transform:rotate(180deg)}@media (min-width:901px) and (max-width:1250px){.portfolio-intro{min-height:560px}.portfolio-intro-copy{width:44%;padding-top:50px}.portfolio-kicker{margin-bottom:30px}.portfolio-intro h1{font-size:clamp(42px,4.1vw,52px)}.portfolio-introduction{font-size:18px;line-height:1.5}.portfolio-principles{margin-top:32px}.portfolio-principles li{padding-left:18px;padding-right:10px}.portfolio-principles h2{font-size:19px}.portfolio-principles p{font-size:12px}.portfolio-principles svg{width:32px;height:32px}.portfolio-gateway{grid-template-columns:48px minmax(0,1fr) 42px;gap:20px;padding:30px 24px}.gateway-icon svg{width:46px;height:46px}.gateway-arrow{width:42px;height:42px}.gateway-copy .portfolio-kicker:after{display:none}}@media (max-width:900px){.portfolio-intro{flex-direction:column;min-height:0;display:flex}.portfolio-intro-copy{width:100%;padding:44px 0 32px}.portfolio-kicker{gap:20px;margin-bottom:26px;font-size:11px}.portfolio-kicker:after{flex-basis:62px}.portfolio-intro h1{white-space:normal;margin-bottom:24px;font-size:clamp(34px,6.3vw,57px);line-height:1.12}.portfolio-introduction{max-width:640px;font-size:17px;line-height:1.6}.portfolio-principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;margin-top:32px}.portfolio-principles li,.portfolio-principles li:first-child{border-top:1px solid #cbb18a;padding:18px 0 0}.portfolio-principles li:before{display:none}.portfolio-principles h2{font-size:23px}.portfolio-principles p{font-size:14px}.portfolio-intro-art{z-index:auto;aspect-ratio:974/605;order:1;width:100%;position:relative;inset:auto}.portfolio-intro-art img{object-fit:contain}.portfolio-gateways{grid-template-columns:1fr;gap:12px;padding:12px}.portfolio-gateway{grid-template-columns:38px minmax(0,1fr) 38px;gap:18px;min-height:180px;padding:28px 20px}.gateway-icon svg,.gateway-arrow{width:38px;height:38px}.gateway-arrow svg{width:22px;height:22px}.gateway-copy .portfolio-kicker{letter-spacing:.1em;margin-bottom:12px;font-size:9px}.gateway-copy .portfolio-kicker:after{display:none}.gateway-copy h2{margin-bottom:10px;font-size:33px}.gateway-copy>p:last-child{font-size:14px}}