*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f6f4ee;color:#183a32;font:15px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b27a45;outline-offset:5px}.skip{position:fixed;top:-60px;left:10px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.preview{font-size:9px;letter-spacing:2px;text-align:center;background:#183a32;color:#fff;padding:6px}header{padding:30px 6vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #183a3220}.wordmark{font:32px/1.1 Georgia,serif}.wordmark small{display:block;text-align:center;font:9px Arial,sans-serif;letter-spacing:5px;margin-top:10px}nav{display:flex;gap:36px;font-size:12px}nav a:hover{color:#956036}.hero{display:grid;grid-template-columns:1fr 1.35fr;gap:6vw;padding:65px 6vw 55px;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;margin:0 0 25px}h1{font:clamp(55px,6.3vw,100px)/1.02 Georgia,serif;letter-spacing:-3px;margin:0}h1 em{color:#8a684d;font-weight:normal}.tagline{font-size:14px;max-width:260px;color:#617168;margin:30px 0}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:7px;font-size:11px}.text-link span{margin-left:28px}figure{margin:0}figure img{display:block;width:100%;height:auto}.hero figure img{aspect-ratio:4/4.4;object-fit:cover}.hero figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:13px;font-size:8px;letter-spacing:1.3px}.collection-intro{border-top:1px solid #183a3220;border-bottom:1px solid #183a3220;display:flex;justify-content:space-between;align-items:center;padding:30px 6vw}.collection-intro p{font:italic 30px Georgia,serif;margin:0}.collection-intro>span{font-size:11px;color:#617168}.collections{padding:70px 6vw 85px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}h2{font:clamp(35px,4vw,58px)/1.12 Georgia,serif;letter-spacing:-1.4px;margin:0}.section-head>p{font-size:13px;color:#617168;margin:0}.filters{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #183a3220;margin-top:35px;padding-bottom:20px}.filters button{background:transparent;border:1px solid #183a3230;color:#183a32;padding:9px 18px;cursor:pointer;text-align:left;font-size:13px}.filters small{display:block;font-size:9px;opacity:.8}.filters .active{background:#183a32;color:#fff}#gallery-count{font-size:10px;color:#617168;margin:20px 0 30px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:12px;align-items:start}.gallery article{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:12px;padding-bottom:28px}.gallery article[data-region="beyond"]{grid-row:span 2}.gallery article[hidden]{display:none}.photo-open{display:block;width:100%;padding:0;border:0;background:#e4e4da;cursor:zoom-in;position:relative}.photo-open>img:not(.photo-launch-mark){display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}.photo-open::after{content:'';position:absolute;bottom:12px;right:12px;padding:1px 8px;color:white;background:#183a32c9;opacity:0;transition:opacity .2s}.photo-open:hover::after,.photo-open:focus-visible::after{opacity:1}.caption{margin:0;display:flex;justify-content:space-between;align-items:baseline;gap:10px;min-width:0}.caption h3{font:20px/1.2 Georgia,serif;margin:0;overflow-wrap:anywhere}.caption span{flex-shrink:0;font-size:8px;letter-spacing:.7px;text-transform:uppercase;color:#617168}.story{background:#eae9df;display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;padding:70px 6vw;align-items:center}.story figcaption{font-size:8px;letter-spacing:1.5px;margin-top:12px}.story h2{margin-bottom:28px}.story p:not(.eyebrow){font-size:13px;color:#617168;max-width:390px}.story .signature{font:italic 21px Georgia,serif!important;margin-top:28px}.prints{background:#183a32;color:#f6f4ee;padding:75px 20px;text-align:center}.prints>p:not(.eyebrow){font-size:13px;color:#c4cec6;margin:24px 0}.status{display:block;font-size:9px;letter-spacing:1.6px;margin:24px 0 30px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px 6vw}footer p,footer>span{font-size:10px;color:#617168}dialog{border:0;padding:50px 24px 15px;background:#10251f;color:#f6f4ee;max-width:96vw;max-height:96dvh;width:1100px}dialog::backdrop{background:#07130fed}#lightbox-image{display:block;width:100%;height:72dvh;object-fit:contain}#close-lightbox{position:absolute;right:12px;top:8px}dialog button{border:1px solid #ffffff45;background:transparent;color:white;padding:8px 15px;cursor:pointer;font-size:20px}.lightbox-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:center;margin-top:12px}.lightbox-caption h3{font:23px Georgia,serif;margin:0}.lightbox-caption p{font-size:10px;color:#b3c7c0;margin:7px 0}body.viewer-open{overflow:hidden}@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:900px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:4vw}h1{font-size:62px}.hero figure img{aspect-ratio:3/4}.caption{display:block}.caption span{display:block;margin-top:5px}}@media(max-width:600px){header{padding:23px 6vw}.wordmark{font-size:25px}nav{gap:18px;font-size:10px}.hero{grid-template-columns:1fr;gap:35px;padding:38px 6vw}.hero h1{font-size:61px}.hero figure img{aspect-ratio:auto}.hero .eyebrow{margin-bottom:20px}.tagline{margin:22px 0}.collection-intro{display:block}.collection-intro p{font-size:27px}.collection-intro>span{display:block;margin-top:15px}.collections{padding:40px 6vw}.section-head{display:block}.section-head>p{margin-top:22px}.filters{gap:8px}.filters button{padding:8px 12px;font-size:12px}.gallery{grid-template-columns:minmax(0,1fr)}.gallery article{padding-bottom:22px}.caption{display:flex}.caption h3{font-size:24px}.story{grid-template-columns:1fr;gap:35px;padding:40px 6vw}.prints{padding:55px 6vw}footer{align-items:start;flex-direction:column;gap:18px}dialog{padding:45px 10px 12px}#lightbox-image{height:65dvh}.lightbox-caption h3{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-open::after{transition:none}}
header{padding-top:8px;padding-bottom:8px}.brand-link{display:block;flex-shrink:0}.brand-logo{display:block;width:190px;height:auto}footer .brand-logo{width:160px}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:11px}.footer-links>span{font-size:10px;color:#617168}.saying-preview{font:italic 17px/1.5 Georgia,serif;color:#59705d;margin:0}.story-open{justify-self:start;align-self:end;border:0;border-bottom:1px solid #183a3230;background:transparent;color:#183a32;padding:2px 0;font-size:10px;cursor:pointer}.language-note{border-top:1px solid #183a3225;margin-top:35px;padding-top:25px;max-width:700px}.language-note h3{font:27px Georgia,serif;margin:0 0 15px}.language-note p{font-size:12px;color:#617168}.beyond{padding:50px 6vw 60px;border-top:1px solid #183a3220}.beyond summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none}.beyond summary::-webkit-details-marker{display:none}.beyond h2{font-size:38px}.beyond-subtitle{display:block;font-size:12px;margin-top:10px;color:#617168}.expand-symbol{font-size:30px}.beyond details[open] .expand-symbol{transform:rotate(45deg)}.beyond-intro{font-size:13px;color:#617168;margin:25px 0 35px}.photo-story{border-top:1px solid #ffffff25;max-width:720px;margin:25px auto 5px;padding:22px 0}.photo-story[hidden]{display:none}.photo-story .eyebrow{margin-bottom:12px}.photo-story blockquote{font:26px/1.3 Georgia,serif;margin:0}.photo-story #saying-translation{font-size:14px;color:#d0dbd3}.photo-story a{font-size:10px;text-decoration:underline;color:#c1cfc5}.photo-story h4{font-size:10px;letter-spacing:1px;text-transform:uppercase;margin:25px 0 8px}.photo-story #photo-reflection{font-size:13px;color:#d0dbd3;margin:0}.with-story #lightbox-image{height:52dvh}.with-story{overflow-y:auto}@media(max-width:600px){header{padding:8px 5vw}.brand-logo{width:135px}nav{gap:12px;font-size:10px}.beyond{padding:35px 6vw}.beyond h2{font-size:31px}.photo-story{padding:18px 8px}.photo-story blockquote{font-size:23px}.with-story #lightbox-image{height:43dvh}.hero h1{font-size:57px}}

.photo-story #saying-lesson,.photo-story #photo-reflection{font-size:15px;line-height:1.8;color:#d0dbd3;margin:0 0 16px}.photo-story a{font-size:12px;line-height:1.6}.photo-story h4{font-size:11px}

.iwa-launch-mark{display:inline-block;width:14px;height:14px;object-fit:contain;vertical-align:-2px;margin-left:3px;mix-blend-mode:multiply}.photo-story .iwa-launch-mark{filter:invert(1);mix-blend-mode:screen}.photo-story a .iwa-launch-mark{width:13px;height:13px}

.photo-open .photo-launch-mark{position:absolute;z-index:1;right:12px;bottom:12px;width:14px;height:14px;margin:0;padding:1px;filter:invert(1);mix-blend-mode:screen;pointer-events:none}

img{-webkit-user-drag:none;user-select:none}

/* Kuahaka palette & responsive refinements */
:root{color-scheme:light;--cream:#f6f4ee;--sage:#e7ede5;--green:#183a32;--muted:#617168}
body{background:var(--cream);color:var(--green)}
header,.story{background:var(--sage)}
.collections{background:var(--cream)}
.beyond{background:var(--sage)}
.prints,footer{background:var(--green);color:var(--cream)}
footer p,footer .footer-links>span{color:#d2dbd2}
.brand-logo{width:230px}
footer .brand-logo{width:178px}
@media(max-width:760px){
 header{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:10px 6vw 14px}
 header .brand-logo{width:165px}
 header nav{width:100%;justify-content:space-between;gap:10px;font-size:11px}
 .hero{grid-template-columns:1fr;gap:28px;padding:38px 6vw 42px}
 .hero figure img{aspect-ratio:16/10;object-fit:cover}
 .hero h1{font-size:clamp(52px,11vw,70px)}
 .section-head{align-items:flex-start}
}
@media(max-width:600px){
 header{padding:9px 6vw 14px}
 header .brand-logo{width:155px}
 nav{flex-wrap:wrap}
 .hero{padding-top:34px}
 .hero figure img{aspect-ratio:16/10}
 .collections{padding:42px 6vw 58px}
 .filters button{flex:1 1 auto}
 .section-head>p{line-height:1.6}
 .brand-logo{max-width:100%}
}
@media(max-width:380px){header .brand-logo{width:145px}nav{font-size:10px!important;gap:8px!important}}

.travel-subcollection{border-top:1px solid #183a3230;margin-top:42px;padding-top:28px}.travel-subhead{margin:0 0 25px}.travel-subhead .eyebrow{margin-bottom:10px;color:#617168}.travel-subhead h3{font:30px/1.2 Georgia,serif;margin:0;color:#183a32}

/* About the artist */
.artist-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:7vw;align-items:center;padding:62px 7vw 78px;background:#e7ede5}.artist-portrait img{width:100%;height:auto;aspect-ratio:1.28;object-fit:cover;object-position:42% center}.artist-portrait figcaption{font-size:8px;letter-spacing:1.5px;margin-top:12px;color:#617168}.artist-copy{max-width:620px}.artist-copy .eyebrow{margin-bottom:18px;color:#617168}.artist-copy h1{font:clamp(46px,5.5vw,76px)/1.03 Georgia,serif;letter-spacing:-2.2px}.artist-copy p:not(.eyebrow){font-size:14px;line-height:1.85;color:#42584f;margin:19px 0}.artist-copy .hawaiian-intro{font:italic 20px/1.55 Georgia,serif;color:#617168;margin:22px 0 25px}.artist-copy .artist-close{color:#183a32}.artist-copy .artist-signature{font:italic 22px Georgia,serif;color:#617168;margin-top:28px}.artist-copy .text-link{margin-top:6px}.artist-page .text-link span{margin-left:14px}@media(max-width:760px){.artist-page{grid-template-columns:1fr;gap:32px;padding:36px 6vw 55px}.artist-portrait img{aspect-ratio:1.28;object-position:42% 40%}.artist-copy{max-width:680px}.artist-copy h1{font-size:clamp(48px,10vw,72px)}}

/* Ma waho o Hawaiʻi thumbnail carousel */
.beyond-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.beyond-heading>p{max-width:290px;color:#617168;font-size:12px;margin:0 0 3px}.beyond-heading .beyond-subtitle{margin-top:8px}.beyond-carousel{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:12px;margin:0 0 22px}.beyond-preview{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-color:#9aa99d transparent;scrollbar-width:thin;padding:3px 2px 12px}.beyond-teaser-card{flex:0 0 clamp(145px,19vw,220px);scroll-snap-align:start;border:0;padding:0;background:transparent;color:#183a32;text-align:left;cursor:pointer}.beyond-teaser-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#d9ded5;transition:filter .2s}.beyond-teaser-card:hover img{filter:brightness(.93)}.beyond-teaser-card span{display:block;margin-top:7px;font:14px Georgia,serif}.carousel-control{height:36px;width:36px;border:1px solid #183a3240;background:transparent;color:#183a32;border-radius:50%;cursor:pointer;font-size:19px;line-height:1}.carousel-control:hover{background:#183a32;color:#f6f4ee}.beyond details summary{display:inline-flex;justify-content:flex-start;gap:12px;border-bottom:1px solid #183a3250;padding:4px 0 7px;font-size:11px;color:#183a32}.beyond details summary .iwa-launch-mark{width:14px;height:14px;margin-left:0}.beyond-collection{padding-top:20px}.beyond details[open] summary{margin-bottom:4px}
@media(max-width:600px){.beyond-heading{display:block;margin-bottom:20px}.beyond-heading>p{margin-top:13px}.beyond-carousel{grid-template-columns:28px minmax(0,1fr) 28px;gap:7px}.carousel-control{width:28px;height:28px}.beyond-teaser-card{flex-basis:145px}.beyond details summary{font-size:11px}}

.shop-photo-link{display:block;margin:16px auto 0;width:max-content;padding:8px 18px;border:1px solid #f6f4ee70;font-size:13px}.shop-photo-link[hidden]{display:none}

/* Brand mark follows the surface it sits on: black on the pale header, white in the deep-green footer. */
header .brand-logo{filter:brightness(0)}footer .brand-logo{filter:brightness(0) invert(1)}footer .iwa-launch-mark{filter:invert(1);mix-blend-mode:screen}

@media(max-width:760px){header{flex-direction:column;align-items:center;justify-content:center;gap:12px}header .brand-link{align-self:center;margin-inline:auto}header .brand-logo{width:200px;max-width:86vw;margin-inline:auto}header nav{width:100%;justify-content:center;gap:10px 16px;font-size:11px}footer .brand-link{align-self:center;margin-inline:auto}}
@media(max-width:380px){header .brand-logo{width:185px}header nav{gap:8px 12px;font-size:10px!important}}

/* The name and its dictionary source sit within the artist story. */
.name-story{border-top:1px solid #183a3225;border-bottom:1px solid #183a3225;padding:24px 0;margin:28px 0}.artist-copy .name-story h2{font:30px/1.2 Georgia,serif;letter-spacing:-.5px}.artist-copy .name-story p{margin:14px 0 0}.artist-copy .name-story .name-source{font-size:11px;line-height:1.6;color:#42584f}.name-source a{text-decoration:underline;text-underline-offset:3px}
