:root{--navy:#0b3046;--deep:#071d2d;--blue:#16607d;--ink:#142d3d;--muted:#5a7080;--line:#d9e5e9;--paper:#f4f8fa;--white:#fff;font-family:'Be Vietnam Pro',Arial,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%}.shell{width:min(1200px,calc(100% - 48px));margin:auto}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#287896;text-transform:uppercase}section{padding:82px 0}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-intro h2,.booking-head h2{font-size:clamp(32px,3.4vw,48px);line-height:1.22;letter-spacing:-.045em;margin:11px 0 0;font-weight:800}.section-intro p{max-width:410px;margin:0;font-size:15px;line-height:1.8;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 21px;border-radius:13px;border:1px solid #b8e7f0;background:#b8e7f0;color:#08283a;text-decoration:none;font-size:14px;font-weight:800;transition:background .2s,transform .2s}.btn:hover{background:#d0f1f6;transform:translateY(-2px)}.btn.ghost{border-color:#ffffffa0;background:#ffffff17;color:#fff}.btn.ghost:hover{background:#ffffff2c}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.site-header{position:sticky;top:0;z-index:30;color:#fff;background:#082638eb;border-bottom:1px solid #ffffff20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header-in{height:76px;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{width:169px;flex:none;display:block}.logo img{display:block}.nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.nav a{text-decoration:none}.nav a:hover{color:#b9e7f2}.nav .nav-cta{padding:11px 18px;border-radius:11px;background:#fff;color:var(--navy)}.nav .nav-cta:hover{color:var(--navy);background:#d9f2f6}.music-toggle{display:flex;align-items:center;gap:7px;border:1px solid #ffffff64;border-radius:999px;padding:9px 12px;background:#ffffff14;color:#fff;font-size:12px;font-weight:700}.music-toggle:hover,.music-toggle[aria-pressed=true]{background:#ffffff2b}.music-icon{font-size:18px;line-height:1}
.hero{position:relative;min-height:610px;display:flex;align-items:center;background:#071d2d;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a2ae9 0%,#071d2dbe 34%,#071d2d30 70%,transparent)}.hero-in{position:relative;z-index:1;padding:82px 0}.hero-copy{max-width:660px}.pill{display:inline-flex;padding:9px 14px;border:1px solid #ffffff85;border-radius:99px;background:#ffffff1d;backdrop-filter:blur(10px);font-size:12px;letter-spacing:.09em;font-weight:700;color:#d9f4f8}.hero h1{font-size:clamp(43px,5vw,72px);line-height:1.15;letter-spacing:-.058em;margin:20px 0;font-weight:800}.hero h1 em{color:#aee8f2;font-style:normal}.hero p{font-size:17px;line-height:1.85;max-width:560px;color:#e8f2f5;margin:0}.trustbar{background:#e7f2f5;border-bottom:1px solid #d5e5eb}.trustgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:21px 0}.trustgrid div{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:700}.trustgrid b{color:#0e7391;font-size:20px}
.portfolio{background:#fbfdfe}.gallery{display:grid;grid-template-columns:1.16fr 1fr 1fr;grid-template-rows:repeat(2,325px);gap:16px}.gallery-item{position:relative;border:0;border-radius:20px;padding:0;overflow:hidden;text-align:left;background:#d7e4e8;box-shadow:0 12px 26px #0c3c4f16}.gallery-item.large{grid-row:span 2}.gallery-item img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .35s}.gallery-item:hover img{transform:scale(1.035)}.gallery-item:focus-visible{outline:3px solid #2399bd;outline-offset:3px}.gallery-item:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#061b2bb8)}.gallery-item span{position:absolute;z-index:1;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:11px 13px;border-radius:12px;background:#ffffffd9;border:1px solid #fff;color:#0b3046;font-size:12px;font-weight:700;backdrop-filter:blur(10px)}.gallery-item span b{font-size:18px}.gallery-foot{color:var(--muted);font-size:13px;line-height:1.7;margin:18px 0 0}#photo-dialog{max-width:min(90vw,900px);max-height:90vh;border:1px solid #ffffff65;border-radius:18px;background:#0b2233;color:#fff;padding:12px;box-shadow:0 30px 90px #0008}#photo-dialog::backdrop{background:#041522d9;backdrop-filter:blur(7px)}#photo-dialog img{display:block;max-height:75vh;max-width:100%;object-fit:contain;border-radius:10px}#photo-dialog p{font-size:13px;margin:10px 7px 2px}.dialog-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid #fff8;border-radius:50%;background:#0b3046d9;color:#fff;font-size:25px}
.packages{background:#eef5f7}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.price-card{display:flex;flex-direction:column;border:1px solid #dce8eb;border-radius:19px;background:#fff;padding:25px;box-shadow:0 9px 24px #204e6010}.price-card.featured{background:#103e56;border-color:#103e56;color:#fff;box-shadow:0 17px 33px #09283c29}.tag{align-self:flex-start;padding:7px 10px;border-radius:99px;background:#e3f3f7;color:#176e88;font-size:11px;font-weight:800;text-transform:uppercase}.featured .tag{background:#bce9f0;color:#09283c}.price-card h3{font-size:18px;line-height:1.5;margin:18px 0 6px}.time,.price-sub{font-size:13px;color:var(--muted)}.featured .time,.featured .price-sub{color:#cbe2e9}.price{font:800 30px Manrope,'Be Vietnam Pro',sans-serif;letter-spacing:-.06em;margin-top:23px}.price small{font:600 13px 'Be Vietnam Pro',sans-serif;letter-spacing:0}.price-sub{margin:5px 0 18px}.price-card ul{margin:auto 0 20px;padding:14px 0 0;list-style:none;border-top:1px solid var(--line);font-size:13px;line-height:1.65}.featured ul{border-color:#ffffff40}.price-card li{margin:7px 0}.price-card li:before{content:'✓';margin-right:8px;color:#0c7894;font-weight:800}.featured li:before{color:#8ce2f1}.price-card a{margin-top:auto;color:#0b6986;font-size:13px;font-weight:800;text-decoration:none}.featured a{color:#b9edf6}.price-card a:hover{text-decoration:underline}.rate-panel{margin-top:25px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.rate-panel h3{margin:0 0 17px;font-size:18px}.rate-scroll{overflow-x:auto}.rate-table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}.rate-table th{text-align:left;color:#667f8b;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.rate-table th,.rate-table td{padding:13px 10px;border-bottom:1px solid #e2ebee}.rate-table td:not(:first-child){font-weight:700}.rate-table tr:last-child td{border:0}.small{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0 0}
.included{background:#fff}.included-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.list-card{background:#f4f8fa;border:1px solid #e5edf0;border-radius:18px;padding:30px}.list-card h3{font-size:20px;margin:0 0 17px}.check-list{padding:0;margin:0;list-style:none}.check-list li{position:relative;border-top:1px solid var(--line);padding:12px 0 12px 28px;line-height:1.6;font-size:14px}.check-list li:before{content:'✓';position:absolute;left:0;color:#0e7894;font-weight:800}.extras{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.extras h3{font-size:17px;margin:0 0 9px}.extras p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.extras strong{color:var(--ink)}
.gear{background:#082536;color:#fff}.gear .eyebrow{color:#a6ddea}.gear-heading{max-width:760px;margin-bottom:34px}.gear-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.17;letter-spacing:-.05em;margin:11px 0 16px}.gear-heading p{color:#c2d8e0;font-size:16px;line-height:1.8;max-width:650px;margin:0}.gear-stage{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:22px;align-items:center;padding:28px;border:1px solid #ffffff32;border-radius:27px;background:linear-gradient(145deg,#15455c,#0d3045);box-shadow:0 22px 50px #0016276b;overflow:hidden}.stage-glow{position:absolute;width:480px;height:480px;left:-120px;top:-130px;border-radius:50%;background:radial-gradient(circle,#5eb5d260,transparent 65%);filter:blur(20px);pointer-events:none}.camera-panel{position:relative;min-height:390px;padding:30px;border:1px solid #a8d6e366;border-radius:23px;background:linear-gradient(145deg,#2b718c99,#0a2e47);box-shadow:0 17px 34px #001b2b6b;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.camera-panel:before{content:"";position:absolute;width:330px;height:330px;right:-110px;top:-115px;border:1px solid #ffffff44;border-radius:50%;box-shadow:0 0 0 36px #ffffff0b,0 0 0 80px #ffffff08}.gear-overline,.lens-index,.flash-note>span:first-child{position:relative;z-index:1;font-size:12px;letter-spacing:.13em;font-weight:800;color:#b9e8f0}.camera-mark{position:relative;z-index:1;font:800 clamp(80px,10vw,140px)/1 Manrope,'Be Vietnam Pro',sans-serif;letter-spacing:-.11em;text-shadow:0 6px 22px #001a30a0}.camera-mark span{font-size:.46em;vertical-align:top;letter-spacing:-.08em;margin-left:8px}.camera-caption{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:end}.camera-caption strong{font-size:18px}.camera-caption span{font-size:12px;color:#cde5ec}.lens-deck{display:grid;gap:12px;position:relative}.lens-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 14px;padding:18px 21px;border:1px solid #ffffff4a;border-radius:17px;background:#ffffff19;backdrop-filter:blur(8px)}.lens-index{grid-column:1/-1}.lens-card strong{font:800 29px Manrope,'Be Vietnam Pro',sans-serif;letter-spacing:-.06em}.lens-card strong em{font:600 13px 'Be Vietnam Pro',sans-serif;letter-spacing:0;font-style:normal}.lens-card p{margin:0;text-align:right;color:#e2f0f3;font-size:13px;font-weight:700}.lens-card small{grid-column:1/-1;color:#bed5dd;font-size:12px}.flash-note{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:14px 18px;border-top:1px solid #ffffff4d;font-size:13px}.flash-note strong{font-size:16px}.flash-note>span:last-child{color:#bcd4db}
.booking{background:#e9f2f5;color:var(--ink)}.booking-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:60px}.booking-head .eyebrow{color:#217997}.booking-head p{font-size:16px;color:var(--muted);line-height:1.8;margin:20px 0 28px}.contact-stack{display:grid;gap:10px}.contact-stack a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #d5e4e9;border-radius:13px;background:#ffffffbd;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.contact-stack a:hover{background:#fff;border-color:#a4cad6}.contact-stack small{font-weight:500;color:var(--muted)}.booking-form{background:#fff;border:1px solid #d8e6eb;border-radius:21px;padding:32px;box-shadow:0 16px 38px #1c4a5d15}.booking-form h3{font-size:23px;margin:0 0 7px}.booking-form>p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 23px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field.wide{grid-column:1/-1}.field label{font-size:14px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:49px;padding:11px 13px;border:1px solid #cbdbe1;border-radius:10px;background:#fff;color:var(--ink);outline:none}.field textarea{min-height:90px;resize:vertical}.field :focus{border-color:#1780a0;box-shadow:0 0 0 3px #1780a025}.booking-form .btn{width:100%;background:var(--navy);border-color:var(--navy);color:#fff}.booking-form .btn:hover{background:#13516b}.booking-form .btn:disabled{opacity:.65;cursor:wait;transform:none}.fine{font-size:12px;line-height:1.6;color:#6a7f89;margin:13px 0 0}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}.result{display:none;margin-top:18px;padding:17px;border-radius:12px;background:#eaf5f7}.result.show{display:block}.result.error{background:#fff0e9;border:1px solid #eab39a}.result h4{margin:0 0 6px}.result p{font-size:13px;line-height:1.6}.result .btn.facebook{width:auto;background:#fff;color:var(--navy)}
.policy{background:#fff}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.policy-list{display:grid;gap:10px}.policy-item{padding:17px 19px;border-radius:12px;border:1px solid #e1eaed;background:#f7fafb;font-size:14px;line-height:1.6}.policy-item b{display:block;color:#12647e;margin-bottom:3px}.faq details{padding:17px 0;border-bottom:1px solid #d9e5e9;font-size:14px}.faq summary{cursor:pointer;font-weight:700}.faq p{line-height:1.75;color:var(--muted);margin-bottom:0}
.closing{padding:0;background:#fff}.closing-grid{display:grid;grid-template-columns:1.2fr .8fr;min-height:355px;overflow:hidden;border-radius:25px 25px 0 0;background:#0b3046;color:#fff}.closing-grid>div:first-child{padding:58px 50px;align-self:center}.closing .eyebrow{color:#9adbea}.closing h2{font-size:clamp(30px,3vw,43px);line-height:1.28;letter-spacing:-.04em;margin:12px 0}.closing p{color:#d0e2e7;line-height:1.7;margin:0}.closing-photo{overflow:hidden}.closing-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}.closing .actions{margin-top:25px}footer{background:#061a28;color:#c5d7de;padding:42px 0 25px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-brand img{width:180px}.footer-brand p{font-size:13px;line-height:1.7;margin:10px 0}.footer-column{display:grid;align-content:start;gap:12px;font-size:13px}.footer-column strong{color:#fff;font-size:14px;margin-bottom:4px}.footer-column a{text-decoration:none}.footer-column a:hover{color:#fff;text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;margin-top:33px;padding-top:20px;color:#9bb5c1;font-size:12px;line-height:1.5}
.chat-widget{position:fixed;right:22px;bottom:22px;z-index:40}.chat-launcher{display:flex;align-items:center;gap:8px;border:1px solid #ffffffa0;border-radius:999px;background:#0b3046;color:#fff;padding:14px 18px;box-shadow:0 10px 30px #04223455;font-size:14px;font-weight:800}.chat-launcher:hover{background:#15506a}.chat-launcher span{font-size:20px}.chat-panel{position:absolute;right:0;bottom:68px;width:min(350px,calc(100vw - 32px));border:1px solid #dce8eb;border-radius:18px;background:#fff;box-shadow:0 20px 50px #061a2b55;overflow:hidden}.chat-panel[hidden]{display:none}.chat-head{display:flex;justify-content:space-between;gap:12px;padding:17px 19px;background:#0b3046;color:#fff}.chat-head strong,.chat-head span{display:block}.chat-head strong{font-size:15px}.chat-head span{font-size:12px;color:#c7dfe7;margin-top:5px}.chat-head button{align-self:start;border:0;background:transparent;color:#fff;font-size:25px;line-height:1}.chat-body{padding:18px}.chat-body p{font-size:14px;line-height:1.65;margin:0 0 14px}.chat-questions{display:flex;flex-wrap:wrap;gap:8px}.chat-questions a{padding:8px 10px;border:1px solid #cce1e7;border-radius:99px;color:#145b74;text-decoration:none;font-size:12px;font-weight:700}.chat-body .chat-hint{font-size:12px;color:var(--muted);margin:19px 0 12px}.chat-messenger{display:block;text-align:center;padding:12px;border-radius:10px;background:#0b3046;color:#fff;text-decoration:none;font-size:13px;font-weight:800}.chat-messenger:hover{background:#15516b}
@media(max-width:1050px){.price-grid{grid-template-columns:repeat(2,1fr)}.booking-grid{gap:28px}.gear-stage{grid-template-columns:1fr}.camera-panel{min-height:310px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}section{padding:62px 0}.header-in{height:66px}.logo{width:135px}.nav{gap:9px}.nav a:not(.nav-cta){display:none}.nav .nav-cta{font-size:12px;padding:10px}.music-toggle{font-size:11px;padding:8px 10px}.hero{min-height:610px;align-items:end}.hero-photo{object-position:63% center}.hero:after{background:linear-gradient(180deg,#071d2d12,#071d2d21 28%,#071d2dd5 65%,#071d2df7)}.hero-in{padding:270px 0 45px}.hero h1{font-size:clamp(39px,8vw,54px)}.hero p{font-size:15px}.section-intro{display:block}.section-intro p{margin-top:15px}.trustgrid{grid-template-columns:1fr;gap:6px;padding:14px 0}.trustgrid div{font-size:12px}.trustgrid b{font-size:17px}.gallery{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,240px);gap:10px}.gallery-item.large{grid-row:span 2}.gallery-item span{left:8px;right:8px;bottom:8px;padding:8px;font-size:11px}.included-grid,.booking-grid,.policy-grid{grid-template-columns:1fr;gap:20px}.extras{grid-template-columns:1fr;gap:16px}.gear-stage{padding:18px}.closing-grid{grid-template-columns:1fr}.closing-grid>div:first-child{padding:40px 27px}.closing-photo{height:280px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}
@media(max-width:560px){.hero{min-height:660px}.hero-in{padding:285px 0 37px}.hero h1{font-size:38px}.actions .btn{width:100%}.gallery{grid-template-rows:repeat(3,190px)}.gallery-item span{font-size:10px}.gallery-item span b{display:none}.price-grid{grid-template-columns:1fr}.price-card{padding:24px}.fields{grid-template-columns:1fr}.booking-form{padding:23px}.camera-panel{min-height:260px;padding:22px}.camera-mark{font-size:88px}.camera-caption{display:block}.camera-caption span{display:block;margin-top:4px}.lens-card{padding:15px}.lens-card strong{font-size:25px}.lens-card p{font-size:12px}.gear-heading h2{font-size:36px}.chat-widget{right:12px;bottom:12px}.chat-panel{bottom:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.gallery-item img{transition:none}}
/* Restrained motion: short distances, consistent timing, no perpetual animation. */
.motion-ready .reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .56s cubic-bezier(.2,.7,.2,1),transform .56s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:translateZ(0)}
.btn,.nav-cta,.chat-launcher,.contact-stack a,.price-card a,.music-toggle{transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s cubic-bezier(.2,.7,.2,1)}.btn:active,.nav-cta:active,.chat-launcher:active{transform:scale(.98)}.price-card{transition:box-shadow .3s ease,transform .3s ease}.price-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px #204e6024}.price-card.featured:hover{box-shadow:0 20px 42px #09283c45}.gallery-item img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.gallery-item:hover img{transform:scale(1.04)}.chat-panel:not([hidden]){animation:chat-appear .25s cubic-bezier(.2,.7,.2,1) both;transform-origin:bottom right}@keyframes chat-appear{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}#photo-dialog[open]{animation:photo-appear .26s cubic-bezier(.2,.7,.2,1) both}#photo-dialog[open]::backdrop{animation:backdrop-appear .26s ease both}@keyframes photo-appear{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-appear{from{opacity:0}to{opacity:1}}.dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:16px}.dialog-controls{display:flex;align-items:center;gap:8px;flex:none}.dialog-controls span{font-size:12px;color:#b8d4dd;margin-right:6px}.dialog-controls button{width:36px;height:36px;border:1px solid #ffffff66;border-radius:50%;background:#ffffff1b;color:white;font-size:18px}.dialog-controls button:hover{background:#ffffff35}
@media(max-width:560px){.dialog-foot{align-items:start}.dialog-foot p{max-width:55%}.dialog-controls{padding-top:7px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.price-card,.gallery-item img,.chat-panel:not([hidden]),#photo-dialog[open],#photo-dialog[open]::backdrop{animation:none;transition:none}}
.motion-ready .price-card.reveal.is-visible:hover{transform:translateY(-4px)}
.field input[readonly]{background:#f2f7f9;color:#486977;cursor:default}
.collection-nav{display:flex;gap:9px;flex-wrap:wrap;margin:-4px 0 25px}.collection-nav a{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #d7e6eb;border-radius:999px;background:#fff;color:#18485b;text-decoration:none;font-size:12px;font-weight:800;transition:background .2s,border-color .2s}.collection-nav a:hover{background:#e8f5f8;border-color:#a9d4df}.collection-nav span{color:#6c8792;font:800 11px Manrope,sans-serif}.portfolio-collection{padding:23px;border:1px solid #dfeaed;border-radius:25px;background:#fff;box-shadow:0 13px 36px #1642580d;scroll-margin-top:95px}.portfolio-collection+.portfolio-collection{margin-top:24px}.collection-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:19px}.collection-head span{display:block;color:#297791;font-size:11px;font-weight:800;letter-spacing:.13em}.collection-head h3{margin:7px 0 0;font-size:clamp(21px,2.3vw,28px);letter-spacing:-.035em}.collection-head p{max-width:410px;color:var(--muted);font-size:13px;line-height:1.65;margin:0}.gallery-group{grid-template-columns:repeat(4,1fr);grid-template-rows:380px 190px;gap:13px}.gallery-group .group-feature{grid-column:1/-1}.gallery-group .gallery-item img{object-position:center 44%}.gallery-group .group-feature img{object-position:center 48%}.gallery-group .gallery-item span{max-width:calc(100% - 28px)}
@media(max-width:760px){.portfolio-collection{padding:16px;border-radius:21px}.collection-head{display:block}.collection-head p{margin-top:8px}.gallery-group{grid-template-columns:repeat(2,1fr);grid-template-rows:270px repeat(2,180px);gap:10px}.gallery-group .group-feature{grid-column:1/-1}.gallery-group .gallery-item span{max-width:calc(100% - 16px)}}
@media(max-width:560px){.gallery-group{grid-template-rows:220px repeat(2,150px)}.gallery-group .gallery-item span{font-size:10px}}