@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Poppins:wght@400;500;600&display=swap');
:root{--paper:#fffefa;--ink:#252621;--stone:#e7e4de;--muted:#76756e;--line:#e4e2db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--stone);color:var(--ink);font-family:'Poppins',Arial,sans-serif;font-size:13px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #736c55;outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,.wordmark{font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:-.065em}h1,h2,h3,p{margin-top:0}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.025em}header{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 76px);max-width:1250px;z-index:20;padding:13px 18px 13px 28px;border:1px solid #fff9;border-radius:100px;background:#fffdf5b8;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);box-shadow:0 6px 30px #4f49370d;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{font-size:21px;line-height:1.05;white-space:nowrap}.wordmark small{display:block;letter-spacing:2.5px;font-size:7px;font-weight:400;margin-top:7px}nav{display:flex;align-items:center;gap:27px;font-size:11px}nav a:not(.pill){padding:8px 0}nav .active{border-bottom:1px solid}.pill{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #c4c4b9;padding:13px 23px;border-radius:50px;font-size:11px;font-weight:500;background:#fff4;transition:background .2s,transform .2s}.pill:hover{background:#e6e4da;transform:translateY(-2px)}.pill.dark{background:var(--ink);border-color:var(--ink);color:#fff}.pill.dark:hover{background:#44463b}.pill.light{background:white;border-color:white}.pill .arrow{font-size:17px;line-height:1}main{max-width:1360px;margin:114px auto 0;padding:0 32px}.panel{background:var(--paper);border-radius:30px;margin-bottom:20px;padding:55px}.hero-panel{padding:14px 14px 38px}.hero{position:relative;min-height:560px;border-radius:21px;overflow:hidden;background:#d6d0c3}.hero-photo{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e8e4da 0%,#e8e4da 36%,#e8e4da00 72%)}.hero-copy{position:relative;z-index:2;padding:48px 42px 125px;width:70%}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:2px;font-weight:500;line-height:1.7}.hero h1{font-size:clamp(48px,5.4vw,74px);line-height:1.03;margin:28px 0 20px;max-width:650px}.hero h1 em{font-size:1.15em}.intro{max-width:370px;line-height:1.9;font-size:12px;color:#57594e;margin-bottom:25px}.actions{display:flex;gap:9px;flex-wrap:wrap}.hero-note{position:absolute;bottom:23px;left:28px;z-index:2;display:flex;gap:13px;align-items:center;padding:15px 21px;background:#fff9;backdrop-filter:blur(15px);border:1px solid #fffa;border-radius:16px;max-width:350px}.hero-note strong{font-size:31px;letter-spacing:-2px;font-weight:600}.hero-note span{font-size:10px;line-height:1.7}.photo-note{position:absolute;right:22px;bottom:25px;z-index:2;background:#fff9;backdrop-filter:blur(12px);padding:7px 12px;border-radius:30px;font-size:8px}.about-row{padding:38px 30px 0;display:grid;grid-template-columns:1fr 2fr;gap:50px}.about-row p{font-size:18px;line-height:1.6;letter-spacing:-.035em;margin:0;max-width:640px}.about-row p small{display:block;font-size:11px;line-height:1.9;color:var(--muted);letter-spacing:0;margin-top:13px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-head h2{font-size:clamp(30px,3.5vw,48px);line-height:1.12;margin:12px 0 0}.section-head h2 em{font-size:1.13em}.section-head p{font-size:11px;line-height:1.9;color:var(--muted);max-width:260px;margin:0}.worlds{display:grid;grid-template-columns:1fr 1fr;gap:18px}.world{height:280px;position:relative;overflow:hidden;border-radius:21px;color:white;background:#a7a292}.world img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.world:hover img{transform:scale(1.035)}.world:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0008)}.world-content{position:absolute;z-index:1;bottom:22px;left:25px;right:25px}.world-content h3{font-size:32px;margin:8px 0}.world-content p{font-size:10px;margin:0}.circle{float:right;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#222;font-size:20px}.portfolio-tabs{display:flex;gap:8px;margin:0 0 26px}.portfolio-tabs .pill{padding:10px 20px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.video-card{min-width:0}.video-cover{aspect-ratio:9/13;position:relative;border-radius:17px;overflow:hidden;background:linear-gradient(140deg,#ddd9ce,#eeebe4 60%,#ccc4b4)}.video-cover img{width:100%;height:100%;object-fit:cover;display:block}.video-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#0005)}.video-cover.empty:after{background:linear-gradient(0deg,#fff3,transparent)}.video-cover.empty .ghost{position:absolute;font-family:'Instrument Serif',serif;font-style:italic;font-size:90px;top:50%;left:50%;transform:translate(-50%,-50%);color:#9e978677}.video-cover.empty .video-tag{color:#777364;background:#fff8}.video-tag{position:absolute;top:12px;left:12px;z-index:2;border-radius:30px;padding:6px 10px;background:#fff9;font-size:8px}.video-pending{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1px;color:#787366;z-index:2}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid white;background:#fff8;backdrop-filter:blur(14px);width:53px;height:53px;border-radius:50%;z-index:3}.video-meta{padding:14px 2px 0}.video-meta h3{font-size:14px;letter-spacing:-.035em;margin-bottom:10px}.video-meta dl{margin:0;display:grid;gap:7px}.video-meta dl div{display:grid;grid-template-columns:52px 1fr;gap:7px;align-items:baseline}.video-meta dt{font-size:7px;letter-spacing:1px;text-transform:uppercase;color:#7d7d74}.video-meta dd{font-size:9px;line-height:1.5;margin:0}.pending-note{font-size:10px;color:var(--muted);line-height:1.8;margin:25px 0 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:250px;border-radius:23px;position:relative;overflow:hidden;isolation:isolate;background:#e2ddd0;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid #fff9}.service-card:before{content:'';position:absolute;z-index:-2;inset:-35px;background-image:var(--image);background-size:cover;background-position:center;filter:blur(14px);opacity:.75}.service-card:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,#fff9,#ffffff40 60%,#fff8);backdrop-filter:blur(10px);border:1px solid #fff9;border-radius:inherit}.service-card .service-number{font-size:9px;border:1px solid #fff9;border-radius:30px;padding:5px 9px;align-self:start}.service-card h3{font-size:22px;line-height:1.18;margin:25px 0 10px;letter-spacing:-.05em}.service-card p{font-size:10px;line-height:1.8;margin:0;color:#505146}.brands{text-align:center;overflow:hidden;padding:27px 0 24px;border-top:1px solid var(--line);margin-top:40px}.brands .eyebrow{font-size:8px}.marquee{display:flex;width:max-content;animation:marquee 32s linear infinite}.brand-set{display:flex}.brand-set span{width:180px;font-family:'Poppins';font-weight:500;font-size:17px;letter-spacing:-1px;color:#9b998f;padding:22px 10px}.brands:hover .marquee{animation-play-state:paused}.brands small{font-size:9px;color:var(--muted)}@keyframes marquee{to{transform:translateX(-50%)}}.contact-panel{text-align:center;padding:65px 30px;background:#d8dccd}.contact-panel h2{font-size:clamp(36px,5vw,66px);line-height:1.08;max-width:850px;margin:24px auto}.contact-panel h2 em{font-size:1.12em}.contact-panel p{font-size:12px;line-height:1.8;color:#65695a;margin-bottom:24px}.email{display:block;margin-top:18px;font-size:10px}.social-panel{padding-bottom:0;overflow:hidden}.social-links{display:flex;gap:8px;flex-wrap:wrap}.social-links .pill{padding:10px 17px}.social-collage{height:450px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 52%,transparent 98%);-webkit-mask-image:linear-gradient(#000 0%,#000 52%,transparent 98%)}.social-column{display:flex;flex-direction:column;gap:16px;animation:float 9s ease-in-out infinite alternate}.social-column:nth-child(even){padding-top:36px;animation-delay:-4s}.social-column img{width:100%;height:235px;object-fit:cover;border-radius:24px}.social-collage:hover .social-column{animation-play-state:paused}@keyframes float{from{transform:translateY(0)}to{transform:translateY(-18px)}}.social-note{font-size:9px;color:var(--muted);margin-bottom:20px}footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px 30px;color:#6e6d63;font-size:9px;gap:20px}.draft-note{font-size:9px;text-align:center;line-height:1.7;padding:0 20px 25px;color:#79766d}dialog{border:0;padding:15px;border-radius:20px;max-width:min(90vw,500px);background:var(--paper)}dialog::backdrop{background:#000b}dialog video{max-height:75vh;width:100%}dialog button{display:block;margin:10px auto 0}.general .hero{background:#d4d9cc}.general .hero:after{background:linear-gradient(90deg,#e4e7dc 0%,#e4e7dc 36%,#e4e7dc00 75%)}
@media(min-width:1500px){.hero h1{font-size:74px}}@media(max-width:1050px){header{width:calc(100% - 44px)}nav{gap:18px}main{padding:0 20px}.panel{padding:35px}.hero-panel{padding:12px 12px 30px}.hero-copy{padding:38px 28px 130px;width:80%}.hero h1{font-size:56px}.grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:225px}.about-row{padding:30px 20px 0;gap:30px}.about-row p{font-size:16px}.social-panel{padding-bottom:0}.social-collage{height:370px}.social-column img{height:190px}}@media(max-width:650px){html{scroll-padding-top:132px}header{top:12px;width:calc(100% - 24px);padding:16px 18px;display:grid;grid-template-columns:1fr auto;border-radius:25px;gap:13px}.wordmark{font-size:18px}.wordmark small{font-size:6px;margin-top:5px}nav{display:contents}nav a:not(.pill){grid-row:2;font-size:10px;justify-self:start;padding:3px 0}nav a:nth-child(2){grid-column:2;justify-self:end}nav .pill{grid-column:2;grid-row:1;font-size:9px;padding:10px 14px;gap:12px}main{padding:0 10px;margin-top:138px}.panel{border-radius:24px;padding:27px 20px;margin-bottom:12px}.hero-panel{padding:8px 8px 25px}.hero{min-height:620px;border-radius:18px}.hero-photo{width:100%;height:48%;top:auto;bottom:0;object-position:center 43%}.hero:after{background:linear-gradient(180deg,#e8e4da 0%,#e8e4da 49%,#e8e4da00 76%)}.general .hero:after{background:linear-gradient(180deg,#e4e7dc 0%,#e4e7dc 49%,#e4e7dc00 76%)}.hero-copy{width:100%;padding:28px 19px 0}.hero h1{font-size:43px;line-height:1.05;margin:20px 0 15px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro{font-size:10px;line-height:1.8;max-width:290px}.pill{font-size:10px;padding:11px 17px;gap:16px}.hero-note{left:15px;bottom:17px;padding:12px 15px;max-width:240px}.hero-note strong{font-size:28px}.hero-note span{font-size:8px}.photo-note{right:12px;bottom:95px;font-size:7px}.about-row{grid-template-columns:1fr;gap:15px;padding:28px 15px 0}.about-row p{font-size:15px}.about-row p small{font-size:10px}.section-head{display:block;margin-bottom:24px}.section-head h2{font-size:32px}.section-head p{margin-top:15px;font-size:10px}.worlds{grid-template-columns:1fr;gap:12px}.world{height:230px}.world-content h3{font-size:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.video-cover{border-radius:13px}.video-tag{font-size:6px;left:8px;top:8px;padding:5px 7px}.video-cover.empty .ghost{font-size:65px}.video-pending{font-size:6px}.video-meta h3{font-size:12px}.video-meta dl div{grid-template-columns:1fr;gap:2px}.video-meta dd{font-size:9px}.video-meta dt{font-size:6px}.portfolio-tabs .pill{font-size:9px;padding:9px 14px}.service-grid{gap:10px}.service-card{padding:16px;min-height:220px;border-radius:18px}.service-card h3{font-size:19px}.service-card p{font-size:9px}.contact-panel{padding:40px 20px}.contact-panel h2{font-size:39px}.contact-panel p{font-size:10px}.social-panel{padding-bottom:0}.social-links{margin-top:22px}.social-links .pill{font-size:9px}.social-collage{gap:9px;height:300px;grid-template-columns:repeat(4,minmax(0,1fr))}.social-column{gap:9px}.social-column img{height:150px;border-radius:13px}.social-column:nth-child(even){padding-top:24px}footer{font-size:7px;align-items:start;padding:14px 10px 22px}footer .wordmark{font-size:13px}footer span{display:none}.draft-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee,.social-column{animation:none}.world img,.pill{transition:none}}

/* Refined identity and experience detail. */
header .wordmark{font-size:19px;letter-spacing:-.055em}
.brand-role{font-size:13px;font-weight:400;letter-spacing:-.025em}
.hero-note{left:auto;right:24px;bottom:24px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:255px;padding:20px 24px;border-radius:15px;background:linear-gradient(135deg,#fffdf5c9,#fffdf580);border:1px solid #fff9;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 4px 20px #4c463808}
.hero-note .experience-label{font-size:7px;letter-spacing:1.6px;line-height:1.4}
.hero-note strong{font-size:38px;font-weight:500;letter-spacing:-2px;line-height:1.1}
.hero-note strong em{font-size:39px;letter-spacing:-1px}
.hero-note .experience-detail{font-size:9px;line-height:1.7;color:#55564c}
@media(max-width:850px) and (min-width:651px){header{padding-left:20px;gap:15px}header .wordmark{font-size:16px}.brand-role{font-size:10px}nav{gap:14px;font-size:10px}}
@media(max-width:650px){header .wordmark{font-size:15px}.brand-role{font-size:9px;letter-spacing:-.02em}header{padding:15px 14px;gap:12px}.hero-note{left:auto;right:14px;bottom:14px;padding:15px 19px;gap:5px;max-width:220px}.hero-note strong{font-size:31px}.hero-note strong em{font-size:33px}.hero-note .experience-label{font-size:6px}.hero-note .experience-detail{font-size:8px}}

/* Compact photo portfolio beneath the videos. */
.photo-panel{padding-top:30px;padding-bottom:24px}
.photo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.photo-heading h2{font-size:30px;line-height:1.15;margin:0}
.photo-heading h2 em{font-size:1.13em}
.photo-controls{display:flex;gap:8px}
.photo-arrow{width:35px;height:35px;border:1px solid #d6d4c9;border-radius:50%;background:transparent;color:var(--ink);font-size:17px;display:grid;place-items:center}
.photo-arrow:hover:not(:disabled){background:#eae7df}
.photo-arrow:disabled{opacity:.3}
.photo-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c6c2b6 transparent;padding-bottom:9px;border-radius:15px}
.photo-track:focus-visible{outline:2px solid #736c55;outline-offset:5px}
.photo-slide{flex:0 0 205px;height:256.25px;position:relative;overflow:hidden;border-radius:15px;margin:0;scroll-snap-align:start;background:#e7e3db}
.photo-slide img{width:100%;height:100%;object-fit:cover;display:block}
.photo-slide figcaption{position:absolute;bottom:9px;left:9px;background:#fff9;backdrop-filter:blur(10px);border-radius:20px;font-size:6px;letter-spacing:1px;padding:5px 9px}
.photo-note-copy{font-size:9px;line-height:1.7;color:var(--muted);margin:10px 0 0}
@media(max-width:650px){.photo-panel{padding-top:24px;padding-bottom:20px}.photo-heading{margin-bottom:16px}.photo-heading h2{font-size:26px}.photo-slide{flex-basis:165px;height:206.25px}.photo-arrow{width:31px;height:31px}.photo-note-copy{font-size:8px}}

.video-project{font-size:12px;line-height:1.5;color:#726d65;margin:5px 0 15px}.photo-slide figcaption{font-size:8px;letter-spacing:0;max-width:calc(100% - 18px)}

header .wordmark .brand-role{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:#d69ba9}

.hero-photo{object-position:center 35%}.world img{object-position:center 32%}

/* Shared corner radius and wider desktop composition. */
:root{--panel-radius:30px}
.panel,header{border-radius:var(--panel-radius)}
@media(min-width:851px){main{max-width:none;width:100%;padding-left:32px;padding-right:32px}header{max-width:none;width:calc(100% - 64px)}}
@media(max-width:650px){:root{--panel-radius:24px}}

/* Blend the photograph itself so its edge never creates a seam. */
.hero{background:#e8e4da}.general .hero{background:#e4e7dc}
.hero:after,.general .hero:after{background:none;pointer-events:none}
.hero-photo{-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 9%,rgba(0,0,0,.55) 23%,#000 42%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 9%,rgba(0,0,0,.55) 23%,#000 42%)}
@media(max-width:650px){.hero-photo{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 18%,#000 42%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 18%,#000 42%)}}

/* General portrait: centered subject, short subtle blend confined to the edge. */
.general .hero-photo{width:52%;object-position:50% 42%;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 7%,#000 20%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 7%,#000 20%)}
@media(max-width:650px){.general .hero-photo{width:100%;object-position:50% 43%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 8%,#000 22%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 8%,#000 22%)}}

/* Balanced desktop width and continuous, eased image blending. */
@media(min-width:851px){main{width:100%;max-width:1480px;padding:0 40px}header{width:calc(100% - 80px);max-width:1400px}.hero h1{font-size:clamp(48px,4.6vw,68px)}}
.hero-photo,.general .hero-photo{width:58%;object-position:50% 40%;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.025) 5%,rgba(0,0,0,.10) 11%,rgba(0,0,0,.25) 18%,rgba(0,0,0,.45) 25%,rgba(0,0,0,.68) 32%,rgba(0,0,0,.86) 39%,rgba(0,0,0,.96) 46%,#000 53%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.025) 5%,rgba(0,0,0,.10) 11%,rgba(0,0,0,.25) 18%,rgba(0,0,0,.45) 25%,rgba(0,0,0,.68) 32%,rgba(0,0,0,.86) 39%,rgba(0,0,0,.96) 46%,#000 53%)}
@media(max-width:650px){.hero-photo,.general .hero-photo{width:100%;object-position:50% 43%;-webkit-mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.05) 7%,rgba(0,0,0,.25) 17%,rgba(0,0,0,.6) 29%,rgba(0,0,0,.9) 41%,#000 52%);mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.05) 7%,rgba(0,0,0,.25) 17%,rgba(0,0,0,.6) 29%,rgba(0,0,0,.9) 41%,#000 52%)}}

/* Brighter, near-square category cards. */
.world{height:auto;aspect-ratio:1.22;display:block}.world img{height:100%;object-position:50% 38%;filter:brightness(1.06)}
.world:after{background:linear-gradient(transparent 65%,rgba(0,0,0,.25))}.world-content{text-shadow:0 1px 9px #0006}
@media(max-width:650px){.world{height:auto;aspect-ratio:1.2}}
/* Floating video, no white frame. */
body.video-open{overflow:hidden}
#video-dialog{padding:0;margin:auto;border:0;background:transparent;box-shadow:none;overflow:visible;max-width:calc(100vw - 32px);max-height:none;width:fit-content;border-radius:0}
#video-dialog::backdrop{background:rgba(32,30,27,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#video-dialog video{display:block;width:auto;height:auto;max-width:calc(100vw - 32px);max-height:calc(100dvh - 130px);border-radius:22px;background:#000;box-shadow:0 20px 70px #0005}
#video-dialog #close-video{position:absolute;right:0;top:-56px;margin:0;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#fffdf5df;color:#252621;font-size:28px;line-height:1;box-shadow:0 4px 18px #0002;backdrop-filter:blur(12px)}
#close-video:hover{background:#fff;transform:scale(1.05)}

/* Mobile: text and portrait each keep their own space. */
@media(max-width:650px){
 html{scroll-padding-top:100px}
 header{display:flex;gap:12px;min-height:64px;padding:12px 14px}
 header .wordmark{font-size:15px;white-space:normal;line-height:1.2}
 header .wordmark .brand-role{display:block;font-size:12px;margin-top:3px}
 header nav{display:flex;flex-shrink:0}
 header nav .pill{font-size:10px;padding:10px 14px}
 main{margin-top:92px}
 .hero{display:flex;flex-direction:column;min-height:0}
 .hero-copy{order:0;padding:26px 19px 18px;width:100%}
 .hero h1{font-size:clamp(32px,9.5vw,43px);margin:8px 0 18px}
 .hero .intro{max-width:none;font-size:11px}
 .hero-photo,.general .hero-photo{position:relative;order:1;inset:auto;width:100%;height:auto;display:block;object-fit:contain;object-position:center;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%);mask-image:linear-gradient(to bottom,transparent 0%,#000 9%)}
 .hero-note{position:relative;order:2;inset:auto;align-self:stretch;max-width:none;margin:12px;display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center;padding:14px 16px}
 .hero-note .experience-label{grid-column:1/-1}
 .hero-note .experience-detail{font-size:8px}
}

/* Vector icons remain monochrome on iOS; no emoji glyphs. */
.ui-icon{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex:none;overflow:visible}
.play{display:grid;place-items:center;color:var(--ink)}.play .ui-icon{width:22px;height:22px;margin-left:3px}
.circle .ui-icon,.photo-arrow .ui-icon{width:22px;height:22px}
.service-number .ui-icon{width:12px;height:12px}
/* Explicit clipping avoids Safari's backdrop-filter corner overflow. */
.service-card{clip-path:inset(0 round 23px);min-width:0;background:#e2ddd0}
.service-card:before{border-radius:inherit}
.service-card:after{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(120deg,#ffffffb3,#ffffff70 60%,#ffffffa6)}
@media(max-width:650px){.service-grid{grid-template-columns:1fr;gap:12px}.service-card{clip-path:inset(0 round 18px);min-height:210px;padding:22px}.service-card h3{font-size:24px;margin:30px 0 10px}.service-card p{font-size:12px;max-width:32ch}.service-card .service-number{font-size:10px}}

/* Paint services directly on the rounded element: no filtered layers can leak. */
.service-card{isolation:auto;clip-path:none;background:linear-gradient(135deg,#e8e5de,#d9ded5 55%,#eeece6);border:0;box-shadow:inset 0 0 0 1px #ffffff80}
.service-card:nth-child(2){background:linear-gradient(135deg,#ece6dc,#dbcebd 60%,#ece9e2)}
.service-card:nth-child(3){background:linear-gradient(135deg,#e9e0df,#d3ccce 60%,#ece7e2)}
.service-card:nth-child(4){background:linear-gradient(135deg,#e1e7e3,#bdcecb 60%,#e3dfd8)}
.service-card:before,.service-card:after{content:none;display:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:650px){.service-card{clip-path:none}}