:root{--paper:#eeeae2;--ink:#252720;--muted:#6c6d62;--line:#c9c9bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #80722e;outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;padding:27px 5%;border-bottom:1px solid var(--line);background:var(--paper)}.brand{font-size:19px;letter-spacing:.13em;font-weight:600}.brand span{display:block;font-size:9px;letter-spacing:.2em;margin-top:7px;font-weight:400}nav{display:flex;gap:36px;font-size:12px}nav a:hover,.text-link:hover{opacity:.6}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:6%;padding:55px 7% 75px;max-width:1600px;margin:auto}.hero-copy{display:flex;flex-direction:column;padding-top:22px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:500;margin:0 0 26px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(55px,6.7vw,104px);font-weight:400;line-height:1.02;letter-spacing:-.055em;margin:10px 0 30px}em{font-weight:400}.hero-ja{font-size:14px;letter-spacing:.13em;line-height:2}.text-link{display:inline-flex;justify-content:space-between;gap:45px;align-self:flex-start;font-size:12px;padding:13px 0;border-bottom:1px solid var(--ink);margin-top:20px}.hero-foot{margin-top:auto;padding-top:45px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:var(--muted)}figure{margin:0}.hero-photo img{display:block;width:100%;height:580px;object-fit:cover;object-position:50% 42%}.hero-photo figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;padding-top:15px}.series,.about,.contact{padding:65px 7% 75px;max-width:1600px;margin:auto;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em}.series-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:20px 0 55px}h2{font-family:Georgia,'Times New Roman',serif;font-size:65px;letter-spacing:-.04em;font-weight:400;margin:0}h2 span{display:block;font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif;font-size:12px;letter-spacing:.16em;margin-top:14px}.series-intro p,.about p,.contact p{font-size:13px;line-height:2.15;margin-top:0}.english{color:var(--muted);font-size:11px!important;line-height:1.8!important;margin-top:18px!important}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px;align-items:start}.photo{display:block;border:0;background:transparent;text-align:left;width:100%;padding:0;color:var(--muted)}.photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#e4e1d8;transition:filter .25s}.photo:hover img{filter:brightness(.95)}.photo span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;padding-top:10px}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:38px}.gallery-bottom p{font-size:9px;letter-spacing:.15em;color:var(--muted)}.outline{background:transparent;border:1px solid var(--line);padding:15px 22px;font-size:12px;display:flex;gap:50px}.outline:hover{border-color:var(--ink)}.interlude{margin:0 7% 65px;position:relative}.interlude img{width:100%;max-height:620px;object-fit:cover;display:block}.interlude div{position:absolute;bottom:22px;left:28px;right:28px;color:white;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;text-shadow:0 1px 5px #000}.about-main{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:40px}.about-lead{font-size:25px!important;line-height:1.8!important;letter-spacing:.04em}.about-main h2{font-size:52px}.contact{background:#dfe0d5;max-width:none;padding-top:65px;padding-bottom:80px}.contact>div{display:grid;grid-template-columns:1.25fr 1fr;gap:7%}.contact h2{font-size:clamp(42px,5vw,74px);line-height:1.1}.contact-copy{padding-top:10px}.contact-button{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--ink);font-size:18px;margin-top:26px}footer{padding:25px 7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}dialog{border:0;background:#171a16;color:#eeeae2;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;overflow:hidden}dialog::backdrop{background:#171a16}dialog[open]{display:flex;align-items:center;justify-content:center;flex-direction:column}.viewer-top{position:absolute;top:15px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.15em}dialog button{color:white;border:0;background:transparent;padding:15px;font-size:28px}#viewer-img{max-width:85vw;max-height:80dvh;object-fit:contain}#viewer-caption{font-size:11px;letter-spacing:.06em}.prev,.next{position:absolute;top:45%}.prev{left:12px}.next{right:12px}.locked{overflow:hidden}@media(min-width:1500px){.hero-photo img{height:700px}}@media(max-width:800px){header{padding:20px 6%}.brand{font-size:14px}.brand span{font-size:8px}nav{gap:18px;font-size:11px}.hero{padding:38px 6% 45px;gap:30px;grid-template-columns:1fr}.hero-copy{padding-top:0}.hero h1{font-size:69px;margin-top:0}.hero-foot{display:none}.hero-photo img{height:auto;max-height:620px;object-fit:contain}.hero-photo{margin-top:5px}.series,.about,.contact{padding:45px 6%}.series-intro,.about-main,.contact>div{grid-template-columns:1fr;gap:30px}.series-intro{margin:10px 0 30px}h2{font-size:52px}.gallery{grid-template-columns:repeat(2,1fr);gap:25px 14px}.photo span{font-size:8px}.interlude{margin:0 6% 40px}.interlude div{font-size:8px;left:15px;right:15px;bottom:15px}.contact h2{font-size:49px}.gallery-bottom{gap:15px}.outline{gap:20px;padding:13px;font-size:11px}.viewer-top{left:15px;right:15px}#viewer-img{max-width:95vw;max-height:77dvh}.prev,.next{top:auto;bottom:20px}.prev{left:28%}.next{right:28%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Consistent image frames preserve original compositions. */
.gallery{align-items:stretch}.photo img{height:auto;aspect-ratio:4/5;object-fit:contain}.photo>span{min-height:27px}.project-index{padding:50px 7% 60px;max-width:1600px;margin:auto;border-top:1px solid var(--line)}.project-index h2{margin:15px 0 35px}.project-row{display:grid;grid-template-columns:45px 1.4fr 1fr 85px;align-items:center;gap:18px;border-top:1px solid var(--line);padding:28px 0}.project-row:last-child{border-bottom:1px solid var(--line)}.project-number{font-size:10px;color:var(--muted)}.project-row h3{font-weight:400;font-size:24px;letter-spacing:.02em;margin:0}.project-row small{display:block;font-size:11px;margin-top:8px;letter-spacing:.05em;color:var(--muted)}.project-role{font-size:11px;color:var(--muted);line-height:1.7}.pending{font-size:10px;color:var(--muted);text-align:right}a.project-row:hover{background:#e6e3d9}@media(max-width:800px){.project-index{padding:40px 6%}.project-row{grid-template-columns:25px 1fr 80px;gap:12px;padding:23px 0}.project-row h3{font-size:20px}.project-role{grid-column:2;grid-row:auto}.project-row>span:last-child{grid-column:3;grid-row:1 / span 2;text-align:right}.project-row{position:relative}.project-row h3{grid-column:2;grid-row:1}.project-number{grid-row:1}}

.landscape-gallery .photo img{aspect-ratio:3/2}.sport-series h2{font-size:clamp(35px,5vw,62px)}.film-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding-top:25px}.film-heading h3{font-family:Georgia,serif;font-size:28px;font-weight:400}.film-heading p{font-size:11px;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.video-grid video{width:100%;aspect-ratio:16/9;background:#171a16;object-fit:contain}.video-grid figcaption{display:flex;justify-content:space-between;margin-top:14px;font-size:10px;letter-spacing:.07em}.mv-player{border:0;width:100%;aspect-ratio:16/9;background:#171a16}@media(max-width:800px){.video-grid{grid-template-columns:1fr;gap:30px}.landscape-gallery{grid-template-columns:1fr}.sport-series h2{font-size:40px}}
.video-grid{max-width:760px;margin:0 auto}.video-grid video{aspect-ratio:9/16;max-height:650px;object-fit:contain}.video-grid figcaption{line-height:1.8}.video-grid figcaption span:last-child{font-size:8px}

.profile-hero{grid-template-columns:1.2fr 1fr;align-items:center;padding-top:45px;padding-bottom:50px}.profile-hero h1{font-size:clamp(55px,6vw,85px)}.profile-photo{max-width:420px;justify-self:end;width:100%}.profile-photo img{height:auto;max-height:430px;aspect-ratio:1;object-fit:contain}.profile-name{font-size:14px;letter-spacing:.15em;margin:0 0 10px}.profile-intro{font-size:12px;line-height:2.1;color:var(--muted)}.profile-hero .hero-copy{padding-top:0}.profile-hero .hero-ja{font-size:12px;margin-top:0}.profile-hero .text-link{margin-top:8px}@media(max-width:800px){.profile-hero{grid-template-columns:1fr;gap:25px}.profile-hero h1{font-size:65px}.profile-photo{max-width:300px;justify-self:start}.profile-photo img{max-height:300px}.profile-intro{margin-top:0}}
/* Warm editorial direction: ivory, coastal blue, coral and chocolate. */
:root{--paper:#f7f3ea;--ink:#332b24;--muted:#706458;--line:#dcd2c5;--coral:#eac0af;--aqua:#d8e9e7;--cream:#fffcf5}body{background:var(--paper);color:var(--ink)}header{background:var(--cream);border-bottom:0;padding:24px 7%}.brand{font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:400;letter-spacing:.08em}.brand span{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.23em}nav{font-size:11px;letter-spacing:.03em}.profile-hero{background:var(--coral);max-width:none;padding:65px max(7%,calc((100% - 1300px)/2));gap:7%;grid-template-columns:1.2fr 1fr;position:relative}.profile-hero .hero-copy{background:var(--cream);padding:42px 45px;border-radius:25px;box-shadow:0 12px 40px #704e3510}.profile-hero h1{font-family:'Bodoni 72','Didot',Georgia,serif;font-size:clamp(60px,6vw,90px);line-height:.97;letter-spacing:-.055em;margin:8px 0 25px}.profile-hero .eyebrow{margin-bottom:20px;letter-spacing:.22em;font-size:9px}.profile-name{font-size:12px;margin-bottom:15px}.profile-hero .hero-ja{font-size:12px;letter-spacing:.07em}.profile-intro{line-height:2.2;font-size:12px}.profile-photo{max-width:400px;justify-self:center}.profile-photo img{height:auto;max-height:440px;aspect-ratio:1;object-fit:contain;border-radius:18px}.profile-photo figcaption{font-size:8px;letter-spacing:.14em;padding-top:16px}.text-link{border-bottom-color:#aa7862;padding:12px 0;font-size:11px}.eyebrow,.section-top{font-size:9px;letter-spacing:.18em}h2,.about-main h2,.film-heading h3,.contact h2{font-family:'Bodoni 72','Didot',Georgia,serif;font-weight:400}h2{font-size:64px}h2 span{font-size:11px;letter-spacing:.12em}.project-index{padding:65px 7% 80px;border:0}.project-index h2{text-align:center;margin:15px 0 40px}.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-row{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;aspect-ratio:1;border:0!important;border-radius:18px;overflow:hidden;padding:25px;text-align:center;background:#ebddd0}.project-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.project-row:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#231b17d9 0%,#231b1770 35%,transparent 70%);z-index:0}.project-row>*:not(.project-cover){position:relative;z-index:1;color:#fffaf0}.project-number{position:absolute!important;top:22px;left:24px;font-size:10px;letter-spacing:.15em}.project-row h3{font-family:'Bodoni 72','Didot',Georgia,serif;font-size:29px;line-height:1.2;margin-top:0}.project-row small{color:#fff7e8;font-size:11px;margin-top:8px;font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif}.project-role{font-size:10px;color:#fff7e8;letter-spacing:.06em}.project-row>span:last-child{position:absolute!important;right:22px;bottom:24px;font-size:20px}.project-row:hover .project-cover{transform:scale(1.025)}.project-cover{transition:transform .4s}.series{padding:65px 7% 80px;border-top:0}.series-intro{gap:8%;margin:28px 0 45px}.series-intro p{font-size:12px;line-height:2.3}.english{font-size:11px!important}.gallery{gap:25px}.photo{background:var(--cream);padding:10px;border-radius:12px;overflow:hidden;color:var(--muted)}.photo img{background:#f1ece2;border-radius:7px;object-fit:contain}.photo>span{padding:12px 3px 2px;font-size:8px;letter-spacing:.1em}.outline{border-radius:30px;padding:14px 22px;border-color:#bcb0a1;background:var(--cream)}#under-armour{background:#e3e9f0;max-width:none}#work{background:#f4eadc;max-width:none}#sup{background:#deeceb;max-width:none}.interlude{margin:0;padding:0 7% 60px;background:#f4eadc}.interlude img{border-radius:14px;max-height:600px}.interlude div{left:9%;right:9%;bottom:82px}.video-grid video{border-radius:12px}.film-heading{border-top-color:#bdc8d3}.mv-player{border-radius:14px}.about{border-top:0;padding:75px 7%;background:var(--cream);max-width:none}.about-lead{font-family:Georgia,serif;font-size:25px!important;letter-spacing:0}.contact{background:#413329;color:#fff8ed;padding:65px 7% 75px;border:0}.contact .eyebrow,.contact .english{color:#d1c2b3}.contact h2{font-size:clamp(42px,5vw,72px)}.contact-button{border-bottom-color:#af9c8a;font-family:Georgia,serif;font-size:21px}.contact-copy{padding-top:15px}footer{background:#413329;color:#d4c2b1;padding-top:20px;padding-bottom:25px;border-top:1px solid #766251;font-size:8px}a:focus-visible,button:focus-visible{outline-color:#9d5033}
@media(max-width:800px){header{padding:21px 6%}.brand{font-size:17px}.brand span{font-size:7px}nav{gap:17px;font-size:10px}.profile-hero{padding:30px 6% 35px;grid-template-columns:1fr;gap:24px}.profile-hero .hero-copy{padding:30px;border-radius:22px}.profile-hero h1{font-size:68px;margin-bottom:22px}.profile-photo{max-width:280px;width:100%;justify-self:center}.profile-photo img{max-height:280px;border-radius:14px}.profile-photo figcaption{font-size:7px}.profile-hero .text-link{margin-top:4px}.project-index{padding:42px 6% 50px}.project-index h2{font-size:49px;margin-bottom:28px}.project-list{gap:13px}.project-row{padding:18px 12px;aspect-ratio:4/5;border-radius:12px;gap:7px}.project-row h3{font-size:21px}.project-row small{font-size:9px;margin-top:6px}.project-role{font-size:8px;line-height:1.6}.project-number{top:15px;left:15px;font-size:9px}.project-row>span:last-child{bottom:13px;right:12px;font-size:14px}.series{padding:45px 6% 50px}.series-intro{margin:22px 0 30px;gap:24px}.gallery{gap:15px}.photo{padding:7px;border-radius:10px}.photo>span{font-size:7px;padding:10px 0 2px}.interlude{padding:0 6% 40px}.interlude div{bottom:56px;left:9%;right:9%;font-size:7px}.about{padding:50px 6%}.contact{padding:45px 6% 50px}.contact h2{font-size:47px}.about-main{gap:25px;margin-top:26px}.about-main h2{font-size:45px}}@media(max-width:380px){.brand{font-size:14px}nav{gap:12px}.profile-hero h1{font-size:58px}.project-row h3{font-size:18px}.project-role{font-size:7px}}@media(prefers-reduced-motion:reduce){.project-cover{transition:none}.project-row:hover .project-cover{transform:none}}
/* Coastal atmosphere from Marina's own beach photography. */
:root{--paper:#f5f3eb;--ink:#293c3c;--muted:#607773;--line:#cbdad4;--coral:#c7e1df;--aqua:#d7e9e5;--cream:#fffdf6}header{background:#f9faf4}.profile-hero{background:linear-gradient(110deg,rgba(206,231,229,.73),rgba(221,235,229,.18)),url('assets/palm-background.webp') center 45%/cover no-repeat;padding-top:70px;padding-bottom:75px;min-height:590px}.profile-hero .hero-copy{background:rgba(255,253,244,.95);box-shadow:0 12px 45px #1a53571a;border:1px solid #ffffff80}.profile-photo{background:#fdfbf0ed;padding:15px 15px 18px;border-radius:20px;box-shadow:0 14px 40px #1b4b531a}.profile-photo img{border-radius:12px}.profile-photo figcaption{padding-top:15px;color:#3d6669}.text-link{border-bottom-color:#779b94}.project-index{background:#f5f3eb}.project-row{border-radius:16px}.project-row:after{background:linear-gradient(0deg,#173d42df 0%,#163f4260 37%,transparent 75%)}#mv{background:#faf9f2}#under-armour{background:#e9f0f2}#work,.interlude{background:#f3eee3}#sup{background:#dcece8}.photo{background:#fffdf7}.photo img{background:#f0eee5}.outline{border-color:#8da9a1}.about{background:linear-gradient(125deg,#e2eeea,#f9f7ed);position:relative}.about:before{content:'';display:block;width:65px;height:2px;background:#86b7b3;position:absolute;left:7%;top:40px}.contact{background:linear-gradient(100deg,rgba(18,59,65,.94),rgba(35,80,81,.83)),url('assets/palm-background.webp') center 30%/cover no-repeat;color:#fffdf3}.contact .eyebrow,.contact .english{color:#d7e5de}.contact-button{border-bottom-color:#a0beb6}footer{background:#173d43;border-top-color:#41666a;color:#d7e5dd}a:focus-visible,button:focus-visible{outline-color:#26757a}@media(max-width:800px){.profile-hero{padding:35px 6% 40px;background-position:65% center;gap:26px;min-height:0}.profile-hero .hero-copy{background:#fffdf5f2}.profile-photo{max-width:290px;padding:12px;border-radius:17px}.profile-photo img{max-height:270px}.profile-photo figcaption{font-size:7px;padding-top:12px}.about:before{left:6%;top:25px}}

.profile-hero{background:linear-gradient(110deg,rgba(191,222,221,.28),rgba(221,235,229,.05)),url('assets/palm-background.webp') center 46%/cover no-repeat}.profile-hero .hero-copy{background:#fffdf5f5}.profile-photo{background:#fffdf3f2}.bajau-sunset{margin:0 0 40px}.bajau-sunset img{display:block;width:100%;height:auto;border-radius:14px;object-fit:contain}@media(max-width:800px){.profile-hero{background-position:62% 45%}.bajau-sunset{margin-bottom:25px}.bajau-sunset img{border-radius:11px}}
/* Frame the canopy and sky rather than the water. */
.profile-hero{background-position:center top;background-size:cover}.contact{background-position:center top;background-size:cover}@media(max-width:800px){.profile-hero{background-position:65% top}.contact{background-position:65% top}}

.video-grid figcaption{align-items:flex-start;gap:12px}.athlete-name{font-size:13px;letter-spacing:.03em}.athlete-name small{display:block;font-size:10px;color:var(--muted);letter-spacing:.02em;margin-top:4px}.athlete-name small:last-child{font-size:9px}.video-grid figcaption>span:last-child{flex-shrink:0;margin-top:3px}