.button{border:0;cursor:pointer;font-family:var(--sans)}
.logo-link{display:flex;align-items:center;flex:0 0 auto}.logo-image{display:block;width:205px;height:70px;object-fit:contain}.footer-logo .logo-image{width:190px;height:76px}.nav-shell{height:88px}.hero{min-height:calc(100vh - 88px)}
.section{padding:120px 4vw}.section-intro{margin-bottom:70px}.section-intro h2,.cost-copy h2,.process-head h2,.test-copy h2,.about-copy h2,.faq-head h2,.fit-section h2,.contact-copy h2{margin:0;font:400 clamp(56px,6vw,96px)/.85 var(--serif);letter-spacing:-.04em;color:var(--ink)}.section-intro h2 em,.cost-copy h2 em,.about-copy h2 em,.faq-head h2 em,.fit-section h2 em,.contact-copy h2 em{font-weight:400;color:var(--ocean)}.split-intro{display:grid;grid-template-columns:.55fr 1.45fr 1fr;gap:5vw;align-items:start}.split-intro>p:last-child{margin:4px 0 0;color:#5a6871;font-size:14px;line-height:1.75}.diagnosis{background:var(--paper)}.diagnosis-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.diagnosis-image{position:relative;min-height:640px;overflow:hidden;background:#aebfcc}.diagnosis-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.62)}.diagnosis-image span{position:absolute;left:30px;bottom:28px;color:#fff;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.symptoms article{min-height:160px;padding:30px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px 1fr;gap:20px;align-items:start}.symptoms article:last-child{border-bottom:0}.symptoms b{font:400 22px var(--serif);color:var(--ocean)}.symptoms p{margin:0;max-width:540px;font-size:15px;line-height:1.7}.statement{margin:90px 0 0 36%;max-width:900px;border-left:2px solid var(--pulse);padding-left:34px}.statement>p{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ocean)}.statement h3{font:400 clamp(34px,3.4vw,55px)/1 var(--serif);color:var(--ink);margin:18px 0 0}
.cost-section{min-height:850px;display:grid;grid-template-columns:.75fr .65fr 1fr;background:var(--ink);color:white}.cost-copy,.cost-body{padding:120px 4vw}.cost-copy{border-right:1px solid rgba(255,255,255,.14)}.cost-copy .kicker{color:var(--pulse)}.cost-copy h2{font-size:clamp(54px,5.7vw,90px);color:#fff}.cost-copy h2 em{color:#a9dfea}.cost-body{display:flex;flex-direction:column;justify-content:center}.cost-body p{color:#b9c7ce;font-size:13px;line-height:1.8}.cost-body .lead-quote{font:400 28px/1.12 var(--serif);color:#fff;margin-bottom:36px}.cost-art{overflow:hidden}.cost-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.08)}
.formula-section{background:#e3e9ec}.formula{display:grid;grid-template-columns:repeat(7,auto);align-items:stretch;border:1px solid var(--line);background:var(--paper)}.formula>div{padding:36px 28px;min-height:260px}.formula>i{align-self:center;font:400 32px var(--serif);color:#8c9aa3}.formula span,.outcome-grid span{font:400 20px var(--serif);color:var(--ocean)}.formula h3{font:400 35px/.92 var(--serif);color:var(--ink);margin:48px 0 20px}.formula p{font-size:11px;line-height:1.65;color:#66747d;margin:0}.result-panel{margin-top:28px;display:grid;grid-template-columns:1fr 1.25fr;min-height:620px;background:var(--ink);color:#fff}.result-panel img{width:100%;height:100%;object-fit:cover;filter:saturate(.5);mix-blend-mode:screen}.result-panel>div{padding:9vw 6vw}.result-panel span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--pulse)}.result-panel h3{font:400 clamp(44px,4.5vw,70px)/.92 var(--serif);margin:45px 0 30px}.result-panel p{max-width:590px;font-size:14px;line-height:1.8;color:#bac8cf}
.outcome-section{background:var(--paper)}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.outcome-grid article{padding:42px;min-height:330px;border-right:1px solid var(--line)}.outcome-grid article:last-child{border-right:0}.outcome-grid h3{font:400 38px/.95 var(--serif);color:var(--ink);margin:82px 0 18px}.outcome-grid p{font-size:13px;line-height:1.7;color:#63717a}
.process-section{display:grid;grid-template-columns:.85fr 1.15fr;background:#d6e0e5}.process-head{padding:120px 6vw 120px 4vw;position:sticky;top:0;align-self:start}.process-head h2{font-size:clamp(55px,5.6vw,90px)}.process-head>p:last-child{max-width:520px;font-size:14px;line-height:1.8;color:#53626b;margin-top:42px}.phase-list{border-left:1px solid var(--line)}.phase{border-bottom:1px solid var(--line)}.phase button{width:100%;min-height:126px;padding:30px 4vw;border:0;background:transparent;display:grid;grid-template-columns:90px 1fr 30px;align-items:center;text-align:left;color:var(--ink);cursor:pointer}.phase button span{font:400 22px var(--serif);color:var(--ocean)}.phase button strong{font:500 18px var(--sans)}.phase button i{font:400 28px var(--serif)}.phase-content{display:none;padding:0 4vw 40px 130px}.phase.is-open .phase-content{display:block}.phase-content ol{list-style:none;margin:0;padding:0}.phase-content li{padding:18px 0;border-top:1px solid var(--line);font-size:13px}.phase-content li b{color:var(--ink)}.phase-content li p{color:#607079;line-height:1.65;margin:8px 0 0}
.test-section{display:grid;grid-template-columns:1fr 1fr;min-height:800px}.test-art{position:relative;background:#abc0cd;overflow:hidden}.test-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.58)}.test-art span{position:absolute;left:30px;top:30px;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.test-copy{padding:10vw 7vw;background:var(--paper)}.test-copy>p:not(.kicker){font-size:14px;line-height:1.8;color:#5e6c75;margin-top:28px}.test-copy blockquote{font:400 31px/1.12 var(--serif);color:var(--ocean);border-top:1px solid var(--line);margin:50px 0 0;padding-top:34px}
.package-section{background:var(--paper)}.package-card{display:grid;grid-template-columns:.8fr 1.1fr;border:1px solid var(--line);background:var(--ink);color:#fff;position:relative}.package-main{padding:60px 4vw;border-right:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;align-items:flex-start}.package-label{text-transform:uppercase;font-size:10px;letter-spacing:.15em;color:var(--pulse)}.package-main h3{font:400 clamp(66px,7vw,110px)/.8 var(--serif);margin:110px 0 18px}.package-main h3 i{font-size:.45em;font-weight:400}.package-main p{font-size:11px;color:#aebfc8}.button-light{background:#fff;color:var(--ink)}.package-main .button{margin-top:auto}.package-list{padding:60px 4vw 90px}.package-list h4{font:400 30px var(--serif);margin:0 0 45px}.package-list ul{list-style:none;padding:0;margin:0;columns:2;column-gap:50px}.package-list li{break-inside:avoid;border-top:1px solid rgba(255,255,255,.16);padding:14px 0;font-size:12px;color:#c2ced4}.package-bonus{grid-column:1/-1;background:#164e70;padding:24px 4vw;display:grid;grid-template-columns:.3fr 1fr;gap:30px}.package-bonus span{font:400 24px var(--serif);color:#aee7f1}.package-bonus p{font-size:12px;line-height:1.6;margin:0;max-width:900px}.value-note{display:grid;grid-template-columns:.65fr 1fr 1fr;border:1px solid var(--line);border-top:0}.value-note>span,.value-note>div{padding:30px;border-right:1px solid var(--line)}.value-note>div:last-child{border-right:0}.value-note>span{font:400 25px var(--serif);color:var(--ocean)}.value-note b{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ocean)}.value-note p{font-size:13px;line-height:1.6;color:#637079}
.tariffs-section{background:#dce5e9}.tariff-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:22px}.tariff{min-height:650px;background:var(--paper);padding:42px;display:flex;flex-direction:column;position:relative;overflow:hidden}.tariff>span{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--ocean)}.tariff h3{font:400 48px/.9 var(--serif);color:var(--ink);margin:90px 0 30px}.tariff strong{font:400 35px var(--serif);color:var(--ocean)}.tariff p{font-size:13px;line-height:1.7;color:#607079;max-width:500px}.tariff ul{list-style:none;padding:0;margin:35px 0 50px}.tariff li{padding:11px 0;border-top:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.tariff a{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.featured{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--ink);color:#fff}.featured>span{position:absolute;top:42px;left:42px;color:var(--pulse)}.featured img{width:150%;height:100%;object-fit:cover;transform:translateX(-25%);mix-blend-mode:screen;opacity:.8}.featured>div{padding:70px 10px 0 30px}.featured h3,.featured strong{color:#fff}.featured strong{color:#a9e0eb}.featured p{color:#b9c8cf}.featured li{border-color:rgba(255,255,255,.16)}.featured a{border-color:#fff}.tariff-note{margin:28px 0 0 auto;max-width:720px;text-align:right;color:#617079;font-size:11px;line-height:1.7}
.portfolio-section{position:relative;overflow:hidden;padding:150px 4vw 120px;background:#f4f6f6}.display-word{position:absolute;left:-.02em;top:-.12em;z-index:0;font:500 clamp(130px,18vw,330px)/.78 var(--serif);letter-spacing:-.075em;color:rgba(14,95,147,.075);white-space:nowrap;pointer-events:none;user-select:none}.portfolio-head{position:relative;z-index:1;display:grid;grid-template-columns:.5fr 1.25fr .8fr;gap:5vw;align-items:start;margin-bottom:90px}.portfolio-head h2{margin:0;font:400 clamp(72px,8.4vw,140px)/.76 var(--serif);letter-spacing:-.055em;color:var(--ink)}.portfolio-head h2 em{font-weight:400;color:rgba(14,95,147,.66)}.portfolio-head>p:last-child{margin:6px 0 0;font-size:14px;line-height:1.8;color:#52616a}.portfolio-project{position:relative;z-index:1;border-top:1px solid var(--line);padding-top:28px}.portfolio-project-wide{display:grid;grid-template-columns:.52fr 1.48fr;gap:24px}.portfolio-copy{padding:20px 4vw 20px 0}.portfolio-copy span,.portfolio-card span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ocean)}.portfolio-copy h3,.portfolio-card h3{font:400 clamp(46px,5vw,82px)/.82 var(--serif);letter-spacing:-.04em;color:var(--ink);margin:58px 0 22px}.portfolio-copy p,.portfolio-card p{font-size:13px;line-height:1.75;color:#5b6972}.project-mark{display:block;width:min(260px,80%);height:auto;margin-top:70px;mix-blend-mode:multiply}.portfolio-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portfolio-pair img{display:block;width:100%;height:680px;object-fit:cover}.portfolio-pair.landscape img{object-position:center}.portfolio-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:70px 24px;margin-top:90px}.portfolio-card{border-top:1px solid var(--line);padding-top:12px}.portfolio-images{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:670px;overflow:hidden;background:#dce4e7}.portfolio-images img{width:100%;height:100%;object-fit:cover;min-width:0}.portfolio-images-triple{grid-template-columns:1fr 1fr}.portfolio-images-triple img:first-child{grid-row:1/3}.portfolio-images-triple img:nth-child(2),.portfolio-images-triple img:nth-child(3){min-height:0}.portfolio-card>div:last-child{display:grid;grid-template-columns:.3fr .9fr 1fr;gap:26px;align-items:start;padding-top:20px}.portfolio-card h3{font-size:clamp(42px,4vw,68px);margin:0}.portfolio-card p{margin:0}.portfolio-card-wide{grid-column:1/-1}.portfolio-card-wide .portfolio-images{height:760px}.portfolio-card-wide .portfolio-images img:first-child{object-position:center 34%}.portfolio-disclaimer{position:relative;z-index:1;max-width:950px;margin:80px 0 0 auto;padding-top:22px;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:#71808a}.about-section{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:950px;background:var(--paper)}.about-section>.display-word{left:auto;right:-.04em;top:.02em;color:rgba(14,95,147,.06)}.about-art{position:relative;overflow:hidden;min-height:950px;background:#dce5e9}.about-art>img:first-child{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72)}.about-portrait{position:absolute;right:4%;bottom:4%;width:34%!important;height:auto!important;aspect-ratio:1;object-fit:cover!important;border:10px solid rgba(244,246,246,.88);border-radius:50%;filter:saturate(.82)!important;box-shadow:0 18px 50px rgba(9,45,74,.16)}.about-copy{position:relative;z-index:1;padding:11vw 7vw}.about-copy h2{font-size:clamp(70px,7.5vw,124px);line-height:.78}.about-copy>p:not(.kicker){max-width:680px;font-size:15px;line-height:1.85;color:#4e5f69}.honesty{margin-top:50px;padding:28px;border-left:3px solid var(--pulse);background:rgba(218,231,236,.72)}.honesty b{font:500 25px var(--serif);color:var(--ink)}.honesty p{font-size:12px;line-height:1.7;margin-bottom:0}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;background:#e7edef}.faq-head{position:relative;padding-right:5vw}.faq-head img{width:85%;margin:70px 0 -50px;mix-blend-mode:multiply;opacity:.66}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0 8px}.faq-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 30px;gap:20px;padding:30px 0;font-size:15px;font-weight:600;color:var(--ink)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 25px var(--serif);text-align:center}.faq-list details p{max-width:760px;color:#5b6972;font-size:13px;line-height:1.8;margin:0;padding:0 60px 32px 0}.faq-list details[open] summary span{font-size:0}.faq-list details[open] summary span:after{content:"−";font-size:25px}
.fit-section{display:grid;grid-template-columns:1fr 1fr;background:var(--graphite);color:#dce5e9;padding:110px 4vw}.fit-section .kicker{color:#80d8e7}.fit-section h2{color:#fff}.fit-section h2 em{color:#9ddce8}.fit-section ul{list-style:none;padding:0;margin:50px 0 0}.fit-section li{border-top:1px solid rgba(255,255,255,.17);padding:19px 0;font-size:13px;color:#b9c6cd}.fit-section li:before{content:"×";display:inline-block;width:40px;color:#80d8e7;font:400 20px var(--serif)}
.contact-section{display:grid;grid-template-columns:1fr 1fr;min-height:930px;background:radial-gradient(circle at 22% 40%,#eefafb,#cedde3 55%,#9fb3bf)}.contact-copy{padding:110px 4vw;position:relative;overflow:hidden}.contact-copy>p:not(.kicker){max-width:560px;font-size:14px;line-height:1.8;color:#52616a;position:relative;z-index:2}.contact-copy img{position:absolute;left:-18%;bottom:-25%;width:115%;mix-blend-mode:multiply;opacity:.22;pointer-events:none}.brief-form{background:rgba(9,45,74,.96);color:#fff;padding:110px 6vw;display:flex;flex-direction:column}.brief-form label{display:block;border-top:1px solid rgba(255,255,255,.18);padding:22px 0}.brief-form label>span{display:block;color:#a9c0cb;font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:13px}.brief-form input,.brief-form textarea{width:100%;background:transparent;border:0;color:#fff;font:400 25px var(--serif);outline:0;resize:vertical}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#6f8998}.brief-form .consent{display:flex;gap:12px;align-items:flex-start;border-top:0}.brief-form .consent input{width:16px;height:16px;margin-top:2px;flex:0 0 auto}.brief-form .consent span{margin:0;text-transform:none;letter-spacing:0;font-size:10px;line-height:1.55}.brief-form .consent a{text-decoration:underline;text-underline-offset:2px;color:#d7eef4}.brief-form .button{align-self:flex-start;margin-top:20px}.form-status{font-size:10px;color:#8ea9b7;line-height:1.6;margin-top:18px}.footer{min-height:90px;background:var(--paper);padding:12px 4vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6e7c85}.footer .logo{text-transform:none;letter-spacing:0}.footer p{margin:0}.footer-links{display:flex;align-items:center;gap:26px}
@media(max-width:900px){.section{padding:90px 4vw}.split-intro{grid-template-columns:1fr;gap:16px}.diagnosis-grid,.result-panel,.test-section,.about-section,.contact-section{grid-template-columns:1fr}.diagnosis-image{min-height:80vw}.statement{margin-left:15%}.cost-section{grid-template-columns:1fr 1fr}.cost-art{grid-column:1/-1;height:580px}.formula{grid-template-columns:1fr 30px 1fr}.formula>div:last-child{grid-column:1}.formula>i:nth-of-type(2){display:none}.outcome-grid{grid-template-columns:1fr}.outcome-grid article{border-right:0;border-bottom:1px solid var(--line)}.process-section{grid-template-columns:1fr}.process-head{position:relative;padding:90px 4vw}.phase-list{border-left:0;border-top:1px solid var(--line)}.package-card{grid-template-columns:1fr}.package-main{min-height:540px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.tariff-grid{grid-template-columns:1fr}.featured{min-height:700px}.portfolio-head{grid-template-columns:1fr;gap:20px}.portfolio-project-wide{grid-template-columns:1fr}.project-mark{margin-top:35px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card-wide{grid-column:auto}.portfolio-pair img,.portfolio-images,.portfolio-card-wide .portfolio-images{height:80vw;max-height:700px}.about-art{min-height:110vw;max-height:950px}.faq-section{grid-template-columns:1fr}.faq-head img{max-width:500px}.fit-section{grid-template-columns:1fr}.contact-copy{min-height:760px}.brief-form{padding:80px 6vw}}
@media(max-width:560px){.logo-image{width:154px;height:62px}.nav-shell{height:76px}.hero{min-height:calc(100vh - 76px)}.section{padding:72px 20px}.section-intro h2,.cost-copy h2,.process-head h2,.test-copy h2,.faq-head h2,.fit-section h2,.contact-copy h2{font-size:52px}.diagnosis-image{min-height:120vw}.statement{margin-left:0;padding-left:20px}.cost-section{grid-template-columns:1fr}.cost-copy,.cost-body{padding:72px 20px}.cost-art{height:100vw}.formula{grid-template-columns:1fr}.formula>i{display:none}.result-panel{min-height:auto}.result-panel img{height:110vw}.result-panel>div{padding:70px 20px}.outcome-grid article{padding:28px}.phase button{padding:26px 20px;grid-template-columns:70px 1fr 20px}.phase-content{padding:0 20px 30px}.test-art{height:110vw}.test-copy,.about-copy{padding:72px 20px}.package-main,.package-list{padding:50px 24px}.package-list ul{columns:1}.package-bonus{grid-template-columns:1fr;padding:24px}.value-note{grid-template-columns:1fr}.value-note>span,.value-note>div{border-right:0;border-bottom:1px solid var(--line)}.tariff{padding:28px;min-height:620px}.featured{display:block;min-height:820px}.featured>span{left:28px;top:28px}.featured img{height:320px;width:120%;transform:translateX(-10%)}.featured>div{padding:25px 0}.portfolio-section{padding:105px 20px 76px}.display-word{font-size:112px;top:-.02em}.portfolio-head{margin-bottom:55px}.portfolio-head h2{font-size:62px;line-height:.8}.portfolio-pair img{height:72vw}.portfolio-grid{margin-top:60px;gap:55px}.portfolio-images,.portfolio-card-wide .portfolio-images{height:118vw;max-height:none}.portfolio-card>div:last-child{grid-template-columns:1fr;gap:12px}.portfolio-card h3{font-size:50px}.portfolio-card p{font-size:12px}.portfolio-images-triple{grid-template-columns:1fr 1fr}.about-section>.display-word{font-size:105px}.about-art{min-height:128vw}.about-portrait{width:38%!important;border-width:6px}.about-copy h2{font-size:62px;line-height:.8}.faq-section{padding-bottom:30px}.faq-head img{margin-top:30px}.faq-list details p{padding-right:0}.fit-section{padding:72px 20px}.contact-copy{padding:72px 20px;min-height:690px}.brief-form{padding:72px 20px}.footer{height:auto;padding:28px 20px;align-items:flex-start;gap:18px;flex-direction:column}.footer-links{align-items:flex-start;flex-direction:column;gap:12px}}

/* Personal introduction, integrated decorative objects, and complete campaign examples */
.intro-section{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.05fr .8fr .55fr;gap:18px;min-height:760px;padding:110px 4vw;background:linear-gradient(115deg,#f4f6f6 0 62%,#dce7eb 62%)}
.intro-name{position:absolute;z-index:-1;left:-.03em;top:.02em;font:500 clamp(150px,22vw,390px)/.72 var(--serif);letter-spacing:-.08em;color:rgba(14,95,147,.07);pointer-events:none}
.intro-copy{align-self:center;max-width:750px;padding-right:5vw;position:relative;z-index:2}.intro-copy h2{margin:0 0 38px;font:400 clamp(66px,7.2vw,120px)/.78 var(--serif);letter-spacing:-.055em;color:var(--ink)}.intro-copy h2 em{font-weight:400;color:rgba(14,95,147,.68)}.intro-copy>p:not(.kicker){max-width:620px;font-size:14px;line-height:1.82;color:#50616a}.intro-copy>a{display:inline-flex;gap:60px;margin-top:30px;padding-top:15px;border-top:1px solid var(--ink);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.intro-photo-main,.intro-photo-soft{position:relative;overflow:hidden;min-height:540px;align-self:end}.intro-photo-main{transform:translateY(30px)}.intro-photo-main img,.intro-photo-soft img{width:100%;height:100%;object-fit:cover;display:block}.intro-photo-main img{object-position:center 28%}.intro-photo-soft{min-height:430px;align-self:start;margin-top:100px;opacity:.52;mix-blend-mode:multiply}.intro-photo-soft img{filter:saturate(.55) contrast(.95)}.intro-photo-soft:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(220,231,235,.72),transparent 35%,rgba(220,231,235,.45))}.intro-photo-soft span{position:absolute;z-index:2;right:18px;bottom:18px;color:#fff;font:400 22px/1.05 var(--serif);text-align:right}
.intro-decor{position:absolute;z-index:1;pointer-events:none;mix-blend-mode:multiply;filter:saturate(.72);-webkit-mask-image:radial-gradient(ellipse 43% 42% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 43% 42% at 50% 50%,#000 62%,transparent 100%)}.intro-decor-crane{width:min(28vw,470px);right:30%;bottom:-10%;opacity:.2;transform:rotate(-9deg)}
.kids-concept{position:relative;z-index:1;display:grid;grid-template-columns:.62fr 1.38fr;gap:24px;margin-top:90px;padding-top:28px;border-top:1px solid var(--line)}.kids-concept-copy{display:flex;flex-direction:column;align-items:flex-start;padding:24px 4vw 24px 0}.kids-concept-copy>span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ocean)}.kids-concept-copy h3{margin:70px 0 26px;font:400 clamp(55px,5.8vw,92px)/.82 var(--serif);letter-spacing:-.045em;color:var(--ink)}.kids-concept-copy>p{font-size:13px;line-height:1.75;color:#596a73}.kids-concept-copy>div{margin-top:auto;padding-top:26px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.kids-concept-copy strong{font:400 40px var(--serif);color:var(--ocean)}.kids-concept-copy small{max-width:380px;font-size:9px;line-height:1.6;text-transform:uppercase;letter-spacing:.08em;color:#71808a}.kids-concept-image{background:#dfe6e8;overflow:hidden}.kids-concept-image img{display:block;width:100%;height:100%;min-height:720px;object-fit:contain}
.jewelry-images{background:#07090a}.jewelry-images img{object-fit:contain!important;background:#07090a}.jewelry-card>div:last-child{background:#07090a;padding:24px;color:#fff}.jewelry-card h3{color:#fff}.jewelry-card p{color:#b6c0c5}.jewelry-card span{color:#8ad5e4}
@media(max-width:900px){.intro-section{grid-template-columns:1.1fr .9fr;padding:90px 4vw}.intro-copy{grid-column:1/-1;padding-right:0}.intro-photo-main{min-height:70vw}.intro-photo-soft{min-height:55vw;margin-top:50px}.intro-decor-crane{right:3%;bottom:15%;width:55vw}.kids-concept{grid-template-columns:1fr}.kids-concept-image img{min-height:auto}}
@media(max-width:560px){.intro-section{grid-template-columns:1fr;padding:72px 20px;background:linear-gradient(180deg,#f4f6f6 0 65%,#dce7eb 65%)}.intro-name{font-size:120px}.intro-copy{grid-column:auto}.intro-copy h2{font-size:62px;line-height:.8}.intro-copy>a{gap:24px}.intro-photo-main{min-height:116vw;transform:none;margin-top:35px}.intro-photo-soft{min-height:90vw;margin-top:0}.intro-decor-crane{width:100vw;right:-25%;bottom:20%;opacity:.14}.kids-concept{margin-top:58px}.kids-concept-copy h3{font-size:58px;margin-top:44px}.jewelry-images{height:auto!important;grid-template-columns:1fr}.jewelry-images img{height:auto}}

/* Large translucent section rubricators */
.section-intro,.cost-copy,.process-head,.test-copy,.portfolio-head,.about-copy,.faq-head,.fit-section>div,.contact-copy,.intro-copy{position:relative;isolation:isolate}
.section-intro>.kicker,.cost-copy>.kicker,.process-head>.kicker,.test-copy>.kicker,.portfolio-head>.kicker,.about-copy>.kicker,.faq-head>.kicker,.fit-section>div>.kicker,.contact-copy>.kicker,.intro-copy>.kicker{position:absolute;z-index:-1;top:-.08em;left:-.03em;margin:0!important;font:500 clamp(76px,10.5vw,190px)/.72 var(--serif);letter-spacing:-.06em;text-transform:none;white-space:nowrap;color:rgba(14,95,147,.105)!important;pointer-events:none;user-select:none}
.section-intro>h2,.cost-copy>h2,.process-head>h2,.test-copy>h2,.portfolio-head>h2,.about-copy>h2,.faq-head>h2,.fit-section>div>h2,.contact-copy>h2,.intro-copy>h2{position:relative;z-index:1}
.section-intro,.portfolio-head{padding-top:clamp(56px,6vw,96px)}
.cost-copy,.process-head,.test-copy,.about-copy,.faq-head,.contact-copy,.intro-copy{padding-top:max(110px,7vw)}
.cost-copy>.kicker,.fit-section>div>.kicker{color:rgba(128,216,231,.13)!important}
.process-head>.kicker{top:.35em}.test-copy>.kicker,.about-copy>.kicker,.contact-copy>.kicker{top:.18em}.faq-head>.kicker{top:-.02em}.intro-copy>.kicker{top:.08em}
@media(max-width:900px){.section-intro>.kicker,.cost-copy>.kicker,.process-head>.kicker,.test-copy>.kicker,.portfolio-head>.kicker,.about-copy>.kicker,.faq-head>.kicker,.fit-section>div>.kicker,.contact-copy>.kicker,.intro-copy>.kicker{font-size:clamp(68px,14vw,130px)}.portfolio-head{padding-top:80px}.intro-copy{padding-top:90px}}
@media(max-width:560px){.section-intro>.kicker,.cost-copy>.kicker,.process-head>.kicker,.test-copy>.kicker,.portfolio-head>.kicker,.about-copy>.kicker,.faq-head>.kicker,.fit-section>div>.kicker,.contact-copy>.kicker,.intro-copy>.kicker{font-size:clamp(62px,18vw,98px);line-height:.76;white-space:normal;width:120%}.section-intro,.portfolio-head{padding-top:68px}.cost-copy,.process-head,.test-copy,.about-copy,.faq-head,.contact-copy,.intro-copy{padding-top:84px}.process-head>.kicker,.test-copy>.kicker,.about-copy>.kicker,.contact-copy>.kicker,.intro-copy>.kicker{top:.12em}}

/* Tariff media must never overlap tariff copy */
.tariff.featured{grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr);gap:0;align-items:stretch}
.tariff.featured>img{display:block;width:100%;height:100%;min-height:650px;object-fit:contain;object-position:center;transform:none;margin:0;padding:72px 26px 26px;opacity:.7;mix-blend-mode:screen;background:#103d5c}
.tariff.featured>div{position:relative;z-index:2;min-width:0;padding:70px 42px 42px;background:var(--ink)}
@media(max-width:900px){.tariff.featured{grid-template-columns:minmax(260px,.75fr) minmax(390px,1.25fr)}.tariff.featured>img{min-height:700px;padding:72px 18px 20px}.tariff.featured>div{padding:70px 30px 36px}}
@media(max-width:720px){.tariff.featured{display:block;min-height:auto}.tariff.featured>img{width:100%;height:340px;min-height:0;padding:54px 24px 12px;object-fit:contain;transform:none}.tariff.featured>div{padding:36px 28px 42px}.tariff.featured>span{z-index:3}}

/* Translucent headings live in their own row — never behind readable copy */
.intro-name,.portfolio-section>.display-word,.about-section>.display-word{display:none}
.section-intro>.kicker,.cost-copy>.kicker,.process-head>.kicker,.test-copy>.kicker,.portfolio-head>.kicker,.about-copy>.kicker,.faq-head>.kicker,.fit-section>div>.kicker,.contact-copy>.kicker,.intro-copy>.kicker{position:relative;z-index:2;top:auto!important;left:auto;margin:0 0 clamp(28px,3vw,52px)!important;width:auto;font:500 clamp(58px,7.5vw,132px)/.78 var(--serif);letter-spacing:-.05em;white-space:normal;color:rgba(14,95,147,.25)!important;pointer-events:auto;user-select:auto}
.section-intro,.portfolio-head,.intro-copy{padding-top:0}.cost-copy,.process-head{padding-top:120px}.test-copy{padding-top:10vw}.about-copy{padding-top:11vw}.contact-copy{padding-top:110px}
.cost-copy>.kicker,.fit-section>div>.kicker{color:rgba(128,216,231,.3)!important}
@media(max-width:900px){.section-intro>.kicker,.cost-copy>.kicker,.process-head>.kicker,.test-copy>.kicker,.portfolio-head>.kicker,.about-copy>.kicker,.faq-head>.kicker,.fit-section>div>.kicker,.contact-copy>.kicker,.intro-copy>.kicker{font-size:clamp(54px,11vw,100px)}.process-head{padding-top:90px}.contact-copy{padding-top:110px}}
@media(max-width:560px){.section-intro>.kicker,.cost-copy>.kicker,.process-head>.kicker,.test-copy>.kicker,.portfolio-head>.kicker,.about-copy>.kicker,.faq-head>.kicker,.fit-section>div>.kicker,.contact-copy>.kicker,.intro-copy>.kicker{font-size:clamp(48px,14vw,76px);line-height:.82;margin-bottom:24px!important;width:auto}.cost-copy,.process-head,.test-copy,.about-copy,.contact-copy{padding-top:72px}}

/* A single, non-repeating author principle */
.principle-section{padding:clamp(56px,7vw,120px) 4vw;background:linear-gradient(135deg,#eaf0f2,#d6e3e8)}
.principle-frame{min-height:clamp(460px,52vw,760px);border:1px solid rgba(9,45,74,.42);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,78px);background:rgba(244,246,246,.42)}
.principle-frame h2{max-width:1220px;margin:0;font:400 clamp(64px,9.2vw,154px)/.78 var(--serif);letter-spacing:-.055em;color:var(--ink)}
.principle-frame h2 em{font-weight:400;color:rgba(14,95,147,.67)}
.principle-frame p{align-self:flex-end;max-width:650px;margin:70px 0 0;padding-top:24px;border-top:1px solid rgba(9,45,74,.24);font-size:14px;line-height:1.85;color:#50616a}
@media(max-width:560px){.principle-section{padding:40px 20px}.principle-frame{min-height:540px;padding:28px 22px}.principle-frame h2{font-size:clamp(54px,17vw,76px);line-height:.8}.principle-frame p{margin-top:54px;font-size:12px;line-height:1.75}}

/* Clear contact paths: copy a short request, then open a messenger */
.contact-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:20px}.contact-actions .button{margin-top:0}.social-link{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:52px;padding:0 0 9px;border-bottom:1px solid rgba(255,255,255,.62);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.social-link span{font:400 20px var(--serif)}
@media(max-width:560px){.contact-actions{align-items:stretch;flex-direction:column;gap:18px}.contact-actions .button{align-self:stretch}.social-link{width:100%}}

/* Final contact panel links to the real Yandex brief and messengers */
.brief-panel{background:rgba(9,45,74,.96);color:#fff;padding:110px 6vw;display:flex;flex-direction:column;justify-content:center}.brief-panel>span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#9bc1cf}.brief-panel h3{margin:54px 0 28px;font:400 clamp(54px,5.8vw,92px)/.82 var(--serif);letter-spacing:-.045em;color:#fff}.brief-panel>p{max-width:620px;margin:0;font-size:13px;line-height:1.8;color:#b9cbd3}.brief-links{display:flex;flex-direction:column;align-items:flex-start;gap:30px;margin-top:70px}.brief-links .button{margin:0}.brief-note{margin-top:70px!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:10px!important;color:#8ea9b7!important}.brief-note a{text-decoration:underline;text-underline-offset:2px;color:#d7eef4}.portfolio-copy>.project-mark{margin-top:54px}.portfolio-copy>.project-mark+p{margin-top:30px}
@media(max-width:900px){.brief-panel{padding:80px 6vw}}
@media(max-width:560px){.brief-panel{padding:72px 20px}.brief-panel h3{font-size:56px}.brief-links{align-items:stretch;margin-top:50px}.brief-links .button,.brief-links .social-link{width:100%}.brief-note{margin-top:54px!important}}

/* Tariffs use real, relevant examples with copy in a separate safe column */
.tariffs-section .tariff-grid{grid-template-columns:1fr;gap:28px}.tariff-example{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);min-height:680px;padding:0}.tariff-example>span{position:absolute;z-index:3;top:32px;left:32px;padding:8px 10px;background:rgba(244,246,246,.88);color:var(--ocean)}.tariff-example-media{min-width:0;overflow:hidden;background:#dce5e9}.tariff-example-media>img{display:block;width:100%;height:100%;min-height:680px;object-fit:contain}.tariff-example-copy{display:flex;min-width:0;flex-direction:column;padding:58px 44px 42px}.tariff-example-copy h3{margin:18px 0 28px}.tariff-example-copy a{margin-top:auto}.tariff-environment{background:#07090a;color:#fff}.tariff-environment>span{background:rgba(9,45,74,.9);color:#8ad5e4}.tariff-environment .tariff-example-media{background:#07090a}.tariff-environment .tariff-example-copy{background:#092d4a}.tariff-environment h3{color:#fff}.tariff-environment strong{color:#a9e0eb}.tariff-environment p{color:#b9c8cf}.tariff-environment li{border-color:rgba(255,255,255,.16)}.tariff-environment a{border-color:#fff}.tariff-jewelry-collage{display:grid;grid-template-columns:1.15fr .85fr;gap:6px;padding:6px}.tariff-jewelry-collage>img{min-height:668px;object-fit:cover;background:#07090a}.tariff-jewelry-collage>img:first-child{object-position:center}.tariff-jewelry-collage>img:last-child{object-position:center}
@media(max-width:900px){.tariff-example{grid-template-columns:1fr}.tariff-example-media>img{min-height:auto;aspect-ratio:1.25}.tariff-jewelry-collage>img{min-height:0;aspect-ratio:.72}.tariff-example-copy{padding:48px 36px 40px}}
@media(max-width:560px){.tariff-example{min-height:auto}.tariff-example>span{top:18px;left:18px}.tariff-example-media>img{aspect-ratio:1;object-fit:contain}.tariff-jewelry-collage{grid-template-columns:1fr 1fr}.tariff-jewelry-collage>img{height:95vw;aspect-ratio:auto;object-fit:cover}.tariff-example-copy{padding:38px 28px 34px}.tariff-example-copy h3{font-size:48px;margin-top:0}}

/* Quiet, accessible return to the first screen */
.back-to-top{position:fixed;z-index:30;right:26px;bottom:26px;width:54px;height:54px;border:1px solid rgba(255,255,255,.48);border-radius:50%;display:grid;place-items:center;background:rgba(9,45,74,.88);color:#fff;box-shadow:0 12px 34px rgba(9,45,74,.2);backdrop-filter:blur(12px);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s ease,transform .25s ease,visibility .25s}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top span{font:400 28px/1 var(--serif);transform:translateY(-1px)}.back-to-top:hover{background:var(--ocean)}.back-to-top:focus-visible{outline:2px solid var(--pulse);outline-offset:4px}@media(max-width:560px){.back-to-top{right:16px;bottom:16px;width:48px;height:48px}.back-to-top span{font-size:25px}}@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}

/* Wide handwritten ais mark, enlarged without the secondary logo text */
.nav-shell .logo-image{width:250px;height:76px}.footer-logo .logo-image{width:230px;height:82px}@media(max-width:560px){.nav-shell .logo-image{width:184px;height:62px}.footer-logo .logo-image{width:200px;height:70px}}

/* Reduced decorative imagery: typography carries the key sections */
.hero-visual{overflow:hidden}.hero-code{position:relative;z-index:2;width:78%;display:flex;flex-direction:column;align-items:flex-start}.hero-code span{display:block;width:100%;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.42);font:400 clamp(48px,5.8vw,96px)/.72 var(--serif);letter-spacing:-.045em;color:rgba(255,255,255,.78)}.hero-code span:nth-child(even){padding-left:22%;color:rgba(9,45,74,.72)}.hero-visual:before{width:68%}.hero-visual:after{width:92%}
.cost-section{grid-template-columns:1fr 1fr;min-height:760px}.cost-copy{display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.14)}.cost-body{padding:120px 6vw}.cost-list{margin:34px 0}.cost-list article{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:22px 0;border-top:1px solid rgba(255,255,255,.15)}.cost-list article>span{font:400 25px var(--serif);color:#80d8e7}.cost-list article>p{margin:0;color:#d5dfe3;font-size:14px;line-height:1.7}.cost-conclusion{max-width:620px;padding-top:25px;border-top:1px solid rgba(255,255,255,.15);color:#a9bbc4!important}
.test-metric{display:flex;flex-direction:column;justify-content:flex-end;padding:7vw 5vw;background:linear-gradient(145deg,#d9e7ec,#86a7b8)}.test-metric:before{content:"";position:absolute;width:65%;aspect-ratio:1;border:1px solid rgba(255,255,255,.45);border-radius:50%;left:17%;top:8%}.test-metric strong{position:relative;z-index:1;font:400 clamp(130px,19vw,330px)/.65 var(--serif);letter-spacing:-.08em;color:rgba(255,255,255,.9)}.test-metric span{position:relative;left:auto;top:auto;margin-top:30px;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.test-metric p{position:relative;z-index:1;max-width:500px;margin:22px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.45);font-size:13px;line-height:1.75;color:#f4f8f9}.faq-head{min-height:520px}.contact-copy{display:flex;flex-direction:column;justify-content:center}.contact-copy>p:not(.kicker){max-width:620px}
@media(max-width:900px){.cost-section{grid-template-columns:1fr}.cost-copy,.cost-body{padding:90px 4vw}.test-metric{min-height:680px}.faq-head{min-height:auto;padding-bottom:70px}}
@media(max-width:560px){.hero-code{width:84%;padding:64px 0}.hero-code span{font-size:56px}.hero-code span:nth-child(even){padding-left:14%}.cost-copy,.cost-body{padding:72px 20px}.cost-list article{grid-template-columns:42px 1fr}.test-metric{height:auto;min-height:100vw;padding:54px 24px}.test-metric strong{font-size:42vw}.faq-head{padding-bottom:45px}.contact-copy{min-height:auto}}

/* August review: stronger work-led hero and readable editorial blocks */
.hero-visual{display:block;background:#a9bdc8}
.hero-visual:before,.hero-visual:after{display:none}
.hero-visual .hero-work{position:absolute;inset:0;z-index:1;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 42%;mix-blend-mode:normal;filter:saturate(.82) contrast(1.02)}
.hero-visual:after{content:"";display:block;position:absolute;inset:0;z-index:2;width:auto;aspect-ratio:auto;border:0;border-radius:0;background:linear-gradient(180deg,rgba(9,45,74,.08) 35%,rgba(9,45,74,.68) 100%)}
.hero-visual .visual-index,.hero-visual>p{z-index:3}
.hero-visual>p{left:7%;right:7%;bottom:7%;font-size:clamp(22px,2vw,34px);line-height:1.05}

.intro-section{grid-template-columns:1.05fr .95fr;gap:4vw;min-height:820px;background:linear-gradient(115deg,#f4f6f6 0 56%,#dce7eb 56%)}
.intro-copy{padding-right:2vw}
.intro-copy>p:not(.kicker){font-size:16px;line-height:1.82}
.intro-photo-main{min-height:680px;transform:translateY(35px)}
.intro-photo-main img{object-position:center 24%}
.intro-photo-soft{display:none}

.statement{margin:90px auto 0;max-width:1040px;padding-left:38px}
.statement h3{max-width:980px}

.cost-section{display:block;min-height:auto;padding:110px 4vw;background:var(--ink)}
.cost-copy{padding:0 0 64px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}
.cost-copy h2{max-width:1120px}
.cost-body{display:block;padding:58px 0 0}
.cost-body .lead-quote{max-width:980px;margin:0;font-size:clamp(30px,3vw,46px);line-height:1.08}
.cost-list{display:grid;grid-template-columns:repeat(3,1fr);margin:58px 0 36px;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}
.cost-list article{display:block;padding:32px 34px 34px;border-top:0;border-right:1px solid rgba(255,255,255,.17)}
.cost-list article:last-child{border-right:0}
.cost-list article>span{display:block;margin-bottom:42px;font-size:30px}
.cost-list article>p{font-size:16px;line-height:1.72}
.cost-conclusion{max-width:880px;padding-top:0;border-top:0;font-size:16px!important;line-height:1.75!important}

.formula>div{padding:42px 30px;min-height:250px}
.formula h3{margin:0 0 28px;font-size:clamp(34px,3vw,46px)}
.formula p{font-size:14px;line-height:1.72}
.result-panel p{font-size:16px;line-height:1.75}

.test-metric{display:flex;align-items:center;justify-content:center;text-align:center;padding:70px 5vw;background:linear-gradient(145deg,#d9e7ec,#86a7b8)}
.test-metric:before{width:min(68%,620px);left:50%;top:50%;transform:translate(-50%,-50%)}
.test-metric span{position:relative;z-index:1;left:auto;top:auto;width:100%;margin:0 0 12px;text-align:center;font-size:12px;color:#fff}
.test-metric strong{display:block;position:relative;z-index:1;width:100%;text-align:center;font-size:clamp(126px,14vw,220px);line-height:1;letter-spacing:-.045em;transform:translateY(-28px)}
.test-metric b{position:relative;z-index:1;width:100%;max-width:none;margin:0;padding:0;border:0;text-align:center;font:400 clamp(25px,2.2vw,35px)/1.1 var(--serif);color:#fff}
.test-copy>p:not(.kicker){font-size:16px;line-height:1.8}

.principle-frame p{max-width:760px;font-size:18px;line-height:1.75}
.symptoms p,.portfolio-copy p,.portfolio-card p,.faq-list details p,.contact-copy>p:not(.kicker),.brief-panel>p{font-size:15px;line-height:1.75}

@media(max-width:900px){
  .intro-section{grid-template-columns:1fr;padding:90px 4vw;background:linear-gradient(180deg,#f4f6f6 0 55%,#dce7eb 55%)}
  .intro-copy{grid-column:auto}
  .intro-photo-main{min-height:82vw;max-height:850px;transform:none;margin-top:24px}
  .statement{margin:72px auto 0}
  .cost-section{padding:90px 4vw}
  .cost-copy,.cost-body{padding-left:0;padding-right:0}
  .cost-list{grid-template-columns:1fr}
  .cost-list article{border-right:0;border-bottom:1px solid rgba(255,255,255,.17)}
  .cost-list article:last-child{border-bottom:0}
  .cost-list article>span{margin-bottom:20px}
}

@media(max-width:560px){
  .hero-visual{min-height:125vw}
  .hero-visual .hero-work{object-position:center 44%}
  .hero-visual>p{font-size:24px}
  .intro-section{padding:72px 20px}
  .intro-photo-main{min-height:124vw}
  .statement{margin-top:58px;padding-left:20px}
  .cost-section{padding:72px 20px}
  .cost-copy,.cost-body{padding-left:0;padding-right:0}
  .cost-copy{padding-bottom:42px}
  .cost-body{padding-top:42px}
  .cost-list{margin-top:42px}
  .cost-list article{padding:28px 0}
  .cost-list article>p{font-size:15px}
  .formula>div{min-height:auto;padding:32px 24px}
  .formula h3{margin-bottom:20px}
  .formula p{font-size:15px}
  .test-metric{min-height:105vw;padding:52px 24px}
  .test-metric span{margin-bottom:10px}
  .test-metric strong{font-size:31vw;line-height:1;transform:translateY(-14px)}
  .test-metric b{width:100%;margin:0;padding:0;font-size:25px}
  .principle-frame p{font-size:16px;line-height:1.72}
  .portfolio-card p{font-size:14px}
}

/* Two visual environments for one jewelry piece */
.tariff-jewelry-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;height:680px;padding:6px}
.tariff-jewelry-collage>img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center;background:#07090a}
@media(max-width:900px){.tariff-jewelry-collage{height:auto}.tariff-jewelry-collage>img{height:auto;aspect-ratio:.78}}
@media(max-width:560px){.tariff-jewelry-collage>img{height:auto;aspect-ratio:.76}}
.tariff-pearl-collage{display:flex;align-items:center;justify-content:center;background:#b7a48c}
.tariff-pearl-collage>img{width:100%;height:680px;min-height:0;object-fit:contain;background:#b7a48c}
@media(max-width:900px){.tariff-pearl-collage>img{height:auto;aspect-ratio:2/3}}

/* SHI SAY: one product shown through silhouette and material details */
.shi-say-collage{display:grid;grid-template-columns:1.12fr .8fr .8fr;grid-template-rows:1fr 1fr;gap:8px;height:680px;overflow:hidden;background:#dce4e7}
.shi-say-collage img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}
.shi-say-collage img:first-child{grid-row:1/3;object-position:center 38%}
.shi-say-collage img:nth-child(2){object-position:center 44%}
.shi-say-collage img:nth-child(3){object-position:center 58%}
.shi-say-collage img:nth-child(4){object-position:center 36%}
.shi-say-collage img:nth-child(5){object-position:center 42%}
@media(max-width:900px){.shi-say-collage{height:min(86vw,760px)}}
@media(max-width:560px){.shi-say-collage{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.shi-say-collage img{height:auto;aspect-ratio:1;object-fit:cover}.shi-say-collage img:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:.78;object-position:center 35%}}

/* Calmer desktop scale and uncropped portfolio presentation */
@media(min-width:901px){
  .hero{min-height:760px}
  .hero-copy{padding-top:82px;padding-bottom:86px}
  .hero h1{font-size:clamp(66px,6.35vw,108px)}
  .hero-lead{margin-top:38px}

  .section{padding-top:96px;padding-bottom:96px}
  .portfolio-section{padding-top:112px;padding-bottom:92px}
  .portfolio-head{margin-bottom:68px}

  .intro-section{min-height:700px;padding-top:82px;padding-bottom:82px}
  .intro-copy h2{font-size:clamp(62px,6vw,98px)}
  .intro-photo-main{min-height:590px;max-height:650px;transform:none;align-self:center;background:#dce7eb}
  .intro-photo-main img{object-fit:contain;object-position:center}

  .portfolio-pair img,.portfolio-images{height:580px;object-fit:contain;background:#e3e9ec}
  .portfolio-images img{object-fit:contain;background:#e3e9ec}
  .portfolio-card-wide .portfolio-images{height:640px}

  .tariff-example{min-height:600px}
  .tariff-example-media>img{min-height:600px}
  .tariff-jewelry-collage,.shi-say-collage{height:600px}
  .tariff-pearl-collage>img{height:600px}
}