@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap');:root{--night:#17131c;--paper:#eee8de;--gold:#cbb795;--muted:#a8a0a9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--paper);font:15px 'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}nav{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid #ffffff25;gap:16px;position:relative;z-index:4}.brand{font:clamp(20px,2.6vw,31px) 'Italiana',serif;letter-spacing:.025em}.navlinks{display:flex;flex-wrap:wrap;gap:22px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.navlinks a:hover,.line-link:hover{color:var(--gold)}.hero{min-height:78vh;display:grid;grid-template-columns:1.2fr .8fr;gap:3vw;align-items:center;padding:5vw 7%;position:relative;isolation:isolate}.hero:before{content:'✳';position:absolute;font-size:clamp(240px,42vw,620px);color:#ffffff06;top:-16%;left:12%;z-index:-1}.kicker,.eyebrow{color:var(--gold);letter-spacing:.27em;font-size:11px;text-transform:uppercase}.hero h1{font:clamp(75px,11vw,185px)/.79 'Italiana',serif;font-weight:400;letter-spacing:-.065em;margin:25px 0}.hero h1 em{font-family:'Cormorant Garamond',serif;font-weight:400;color:var(--gold)}.hero p{line-height:1.9;color:#c9c1c8;max-width:430px}.line-link{display:inline-block;border-bottom:1px solid var(--gold);padding:12px 0;font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-top:15px}.hero-art{position:relative;min-height:530px;display:grid;place-items:center}.hero-art img{width:72%;height:480px;object-fit:cover;transform:rotate(5deg);box-shadow:0 35px 80px #0008}.hero-art:after{content:'an invitation to wonder';position:absolute;bottom:4%;left:-4%;font:italic 32px 'Cormorant Garamond',serif;color:var(--gold);transform:rotate(-8deg)}.orb{position:absolute;border:1px solid #cbb79566;border-radius:50%;width:300px;height:300px;right:-10%;top:1%;z-index:-1}.marquee{border-block:1px solid #ffffff25;padding:17px;text-align:center;letter-spacing:.22em;font-size:11px;color:var(--gold)}section{padding:95px 6%}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-top h2{font:clamp(55px,8vw,110px)/.95 'Italiana',serif;margin:12px 0;font-weight:400}.section-top p{max-width:360px;line-height:1.8;color:var(--muted)}.gallery{columns:3 260px;column-gap:24px}.piece{break-inside:avoid;margin:0 0 42px;cursor:pointer;position:relative}.piece:nth-child(3n+2){margin-top:50px}.piece img{display:block;width:100%;height:auto;transition:transform .6s ease,filter .6s ease;filter:saturate(.9)}.piece:hover img{transform:scale(1.025);filter:saturate(1.1)}.piece figcaption{padding:14px 0;display:flex;justify-content:space-between;gap:10px;font:23px 'Cormorant Garamond',serif}.piece small{font:10px 'DM Sans',sans-serif;color:var(--gold)}.model-feature{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#251e29}.model-feature img{width:100%;max-height:680px;object-fit:contain;object-position:center;background:#100e13;box-shadow:22px 22px 0 #cbb79522}.model-feature h2{font:clamp(58px,8vw,115px)/.92 'Italiana',serif;font-weight:400}.model-feature p,.about p{line-height:1.9;color:#c7bec6}.about{background:#eee8de;color:#28212b;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about h2{font:clamp(54px,7vw,96px)/.98 'Italiana',serif;font-weight:400}.about p{color:#5a505c}.about .kicker{color:#8b6b51}.about .line-link{border-color:#8b6b51}.shop{display:flex;flex-wrap:wrap;gap:25px;align-items:center;justify-content:space-between}.shop h2{font:clamp(50px,7vw,90px) 'Italiana',serif;margin:0}.shoplinks{display:flex;gap:26px;flex-wrap:wrap}footer{padding:35px 6%;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:12px}.fade{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.fade.show{opacity:1;transform:none}.lightbox{position:fixed;inset:0;background:#0a080bed;display:none;align-items:center;justify-content:center;z-index:20;padding:65px 25px 35px;flex-direction:column}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:75vh;object-fit:contain}.lightbox p{font:24px 'Cormorant Garamond',serif}.close{position:absolute;top:18px;right:25px;background:none;color:white;border:0;font-size:35px;cursor:pointer}@media(max-width:760px){nav{align-items:flex-start;flex-direction:column}.navlinks{gap:15px}.hero{grid-template-columns:1fr;padding:65px 7%}.hero h1{font-size:clamp(66px,16vw,120px)}.hero-art{min-height:390px}.hero-art img{height:340px}.hero-art:after{left:3%;font-size:25px}.orb{width:220px;height:220px;right:0}.section-top{display:block}.gallery{columns:2 145px;column-gap:14px}.piece{margin-bottom:25px}.piece:nth-child(3n+2){margin-top:0}.piece figcaption{font-size:18px}.model-feature,.about{grid-template-columns:1fr;gap:45px}section{padding:70px 6%}.model-feature img{max-height:530px}.shop{display:block}.shoplinks{margin-top:15px}}@media(max-width:420px){.gallery{columns:1}.hero-art img{width:83%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.fade{opacity:1;transform:none}}
/* THE BEAUTIFULLY UNUSUAL — editorial art direction */
:root{--night:#11100f;--paper:#f1ede4;--gold:#dfb08a;--muted:#b7ada4}body{background:var(--night)}nav{background:#11100ff0;position:sticky;top:0;backdrop-filter:blur(16px);border-color:#e9e0d033}nav .brand{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(24px,3vw,36px)}.navlinks a{transition:color .25s}.unusual-hero{min-height:88vh;grid-template-columns:1.08fr .92fr;overflow:hidden;background:radial-gradient(ellipse at 83% 36%,#5e292a70,transparent 48%),#11100f}.unusual-hero:before{content:'✳';color:#b74c3e23;font-size:clamp(320px,49vw,850px);top:-25%;left:23%;transform:rotate(-15deg)}.unusual-hero h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(88px,12vw,190px);line-height:.77;letter-spacing:-.075em;max-width:900px;position:relative;z-index:2}.unusual-hero h1 em{font-family:'Cormorant Garamond',serif;font-style:italic;color:#e6a78c}.unusual-hero p{font-size:16px;max-width:490px}.unusual-art img{width:76%;height:min(66vh,610px);transform:rotate(-9deg);border:12px solid #e9dfd0;box-shadow:32px 35px 0 #9e413c,0 55px 110px #000a;filter:contrast(1.05)}.unusual-art:after{content:'beautifully / unusual';font-size:clamp(30px,4vw,62px);left:-15%;bottom:3%;color:#e8b08d;transform:rotate(8deg)}.hero-stamp{position:absolute;right:-2%;top:11%;writing-mode:vertical-rl;letter-spacing:.26em;font-size:10px;color:#d8c9b5}.orb{border:2px dashed #e9a48e88;width:390px;height:390px;right:-6%;top:-5%;animation:drift 11s ease-in-out infinite alternate}@keyframes drift{to{transform:translateY(20px) rotate(8deg)}}.marquee{background:#d95c49;color:#181311;border:0;font-weight:600;transform:rotate(-1deg);position:relative;z-index:2}.manifesto{padding:clamp(80px,12vw,190px) 8%;background:#eee8de;color:#161313;position:relative;overflow:hidden}.manifesto:after{content:'✳';position:absolute;right:-6%;top:-24%;font-size:clamp(300px,40vw,660px);color:#c94f3b17;pointer-events:none}.manifesto-index{font-size:11px;letter-spacing:.25em;text-transform:uppercase}.manifesto p{font:clamp(75px,11vw,180px)/.85 'Cormorant Garamond',serif;letter-spacing:-.055em;max-width:1050px;margin:40px 0 0}.manifesto i{color:#ad493b}#art{background:#151414}#art .section-top h2{font-family:'Cormorant Garamond',serif;font-weight:500;letter-spacing:-.045em;max-width:720px}.gallery{columns:3 260px;column-gap:35px}.unusual-piece{margin-bottom:75px}.unusual-piece:nth-child(4n+2){margin-top:90px}.unusual-piece:nth-child(5n+3){transform:rotate(1.5deg)}.unusual-piece:nth-child(7n+4){transform:rotate(-1.5deg)}.unusual-piece img{border:7px solid #e7dfd2;box-shadow:12px 12px 0 #8b3c35;filter:none}.unusual-piece:nth-child(2n) img{border-color:#2b2626;box-shadow:12px 12px 0 #cf745b}.unusual-piece figcaption{font-style:italic}.model-feature{background:#a9473c;color:#f9f0e5}.model-feature .kicker,.model-feature .line-link{color:#f9dfc2;border-color:#f9dfc2}.model-feature p{color:#f4dcd4}.model-feature h2{font-family:'Cormorant Garamond',serif;font-style:italic}.model-feature img{box-shadow:20px 20px 0 #241819}.about{background:#e9e0d4}.about h2,.shop h2{font-family:'Cormorant Garamond',serif;font-style:italic}.shop{background:#11100f}.line-link{transition:letter-spacing .25s}.line-link:hover{letter-spacing:.21em}a:focus-visible,.piece:focus-visible,button:focus-visible{outline:3px solid #f0a08c;outline-offset:5px}@media(max-width:760px){.unusual-hero{grid-template-columns:1fr;padding-top:85px}.unusual-hero h1{font-size:clamp(75px,15vw,125px)}.unusual-art img{height:370px}.unusual-art:after{left:0;bottom:0}.manifesto p{font-size:clamp(65px,12vw,115px)}.gallery{columns:2 150px;column-gap:20px}.unusual-piece{margin-bottom:35px}.unusual-piece:nth-child(4n+2){margin-top:0}.unusual-piece img{border-width:4px;box-shadow:7px 7px 0 #8b3c35}}@media(max-width:420px){.gallery{columns:1}.unusual-hero h1{font-size:clamp(72px,16vw,100px)}.unusual-art img{width:80%}}@media(prefers-reduced-motion:reduce){.orb{animation:none}.fade{opacity:1;transform:none}}

/* THE BEAUTIFULLY UNUSUAL — OCEAN EDITION */
:root{--night:#06151d;--paper:#f1e9db;--gold:#d9b992;--muted:#b9c9cc}
body,#art,.shop{background:#06151d;color:#f1e9db}
nav{background:#06151de9;border-color:#b6d4d233}
.unusual-hero{background:radial-gradient(ellipse at 82% 38%,#13778580,transparent 50%),linear-gradient(125deg,#031017,#092b39 70%,#03141d)}
.unusual-hero:before{content:'☾';color:#d9c6a32c;left:30%;top:-15%;transform:rotate(-15deg)}
.unusual-hero h1{font-size:clamp(70px,9.5vw,150px);line-height:.89}
.unusual-hero h1 em{color:#a7e1dd}
.unusual-art img{border:10px solid #e6e0d2;box-shadow:25px 28px 0 #0c6570,0 55px 100px #0009;object-fit:cover;object-position:center top;filter:none}
.unusual-art:after{content:'same ocean / different dreams';color:#d9c9ab;font-size:clamp(23px,3vw,43px)}
.orb{border:1px dashed #a4dcd888}
.marquee{background:#147987;color:#f7e9d7}
.manifesto{background:#e9e5db}
.manifesto:after{content:'≈';color:#267d8526}
.manifesto i{color:#126d79}
.unusual-piece img{box-shadow:12px 12px 0 #116777}
.unusual-piece:nth-child(2n) img{box-shadow:12px 12px 0 #a78c6a}
.model-feature{background:linear-gradient(125deg,#0c3542,#105c66);color:#fff8ed}
.model-feature p{color:#d7e9e9}
.model-feature img{box-shadow:20px 20px 0 #06252d}
.about{background:#e9e5db}
.line-link:hover{letter-spacing:.16em}
.hero-art:before{content:'';position:absolute;inset:15% -12% 0 -12%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#40a5b84d,transparent 65%);animation:tide 9s ease-in-out infinite alternate}
@keyframes tide{from{transform:translateY(8px)}to{transform:translateY(-16px)}}
@media(max-width:760px){.unusual-hero h1{font-size:clamp(60px,12vw,100px)}.unusual-art img{height:390px;max-width:80%}}
@media(prefers-reduced-motion:reduce){.hero-art:before{animation:none}}

/* Ocean editorial — NEW asymmetrical layout, October 2026 */
html{scroll-behavior:smooth}
body{background:#06131b}
nav{padding:17px 5%;z-index:15}
nav .brand{font-size:clamp(22px,2.4vw,32px);letter-spacing:.025em}
.unusual-hero{min-height:720px;min-height:calc(100svh - 78px);padding:5.5% 5% 6%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:1%;position:relative;isolation:isolate;background:radial-gradient(ellipse at 78% 65%,#16637488,transparent 47%),radial-gradient(ellipse at 15% 10%,#25455270,transparent 48%),#041018}
.unusual-hero:before{content:'☾';left:auto;right:5%;top:3%;font-size:clamp(150px,23vw,340px);color:#dec6a321;transform:none}
.unusual-hero:after{content:'';position:absolute;inset:auto 0 0;height:25%;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 24px,#82b8c012 26px 28px,transparent 31px 54px);opacity:.7;z-index:-1}
.unusual-hero>.fade{grid-column:2;grid-row:1;position:relative;z-index:4;padding:3% 0 5% 4%}
.unusual-hero h1{font-size:clamp(65px,7.5vw,132px);line-height:.87;letter-spacing:-.065em;margin:28px 0;white-space:normal}
.unusual-hero h1 em{color:#dfc29b}
.unusual-hero p{max-width:390px;color:#e5e5dc;font-size:clamp(14px,1.3vw,18px)}
.unusual-hero .line-link{border:1px solid #d5b995;padding:15px 20px;background:#03141b99;letter-spacing:.13em}
.unusual-hero .hero-art{grid-column:1;grid-row:1;min-height:620px;display:flex;align-items:center;justify-content:flex-start}
.unusual-art img{width:min(88%,580px);height:clamp(470px,60vw,690px);object-fit:contain;object-position:center;transform:rotate(-3deg);border:9px solid #e5d8c6;box-shadow:25px 25px 0 #095c68,0 30px 80px #0009}
.unusual-art:after{content:'Same ocean, different dreams';bottom:4%;left:6%;transform:rotate(-5deg);font-size:clamp(24px,3.2vw,48px);color:#eed8bb;text-shadow:0 3px 20px #000}
.hero-stamp{right:0;top:5%;font-size:10px}
.orb{width:330px;height:330px;right:3%;top:0}
.marquee{transform:none;padding:16px 10px;background:#0e5361;border-block:1px solid #b1c8c266}
.manifesto{padding:105px 7% 120px;min-height:430px;background:linear-gradient(110deg,#efe8db,#d8d6ca)}
.manifesto p{font-size:clamp(66px,10vw,150px);margin:22px 0 0}
#art{padding:105px 5%;background:radial-gradient(ellipse at top left,#0c3741 0%,transparent 36%),#06131b}
#art .section-top{display:grid;grid-template-columns:1.25fr .75fr;gap:6%;align-items:end}
#art .section-top h2{font-size:clamp(68px,9vw,130px);line-height:.85}
.gallery{columns:unset;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:45px 23px;align-items:start}
.unusual-piece{grid-column:span 4;margin:0!important;transform:none!important;break-inside:auto}
.unusual-piece:nth-child(7n+1){grid-column:span 5}
.unusual-piece:nth-child(7n+2){grid-column:span 3;margin-top:100px!important}
.unusual-piece:nth-child(7n+3){grid-column:span 4;margin-top:35px!important}
.unusual-piece:nth-child(7n+4){grid-column:span 3}
.unusual-piece:nth-child(7n+5){grid-column:span 5;margin-top:45px!important}
.unusual-piece:nth-child(7n+6){grid-column:span 4}
.unusual-piece:nth-child(7n){grid-column:span 4;margin-top:75px!important}
.unusual-piece img{max-height:580px;object-fit:contain;background:#092530;transition:transform .6s ease,box-shadow .6s ease}
.unusual-piece:hover img{transform:translateY(-6px) rotate(.5deg);box-shadow:15px 20px 0 #1c7881}
.unusual-piece figcaption{font-size:clamp(17px,2vw,24px)}
.model-feature{grid-template-columns:.9fr 1.1fr;gap:7%;background:linear-gradient(135deg,#0c2d3a,#0a5762);padding:115px 7%}
.model-feature>div:first-child{order:2}
.model-feature>div:last-child{order:1}
.model-feature img{max-height:650px;object-fit:contain;transform:rotate(3deg);border:9px solid #e5d7c3;box-shadow:18px 18px 0 #05242c}
.model-feature h2{font-size:clamp(80px,10vw,150px);line-height:.8}
.about{grid-template-columns:1.1fr .9fr;gap:8%;padding:100px 8%;background:#e7e0d4}
.shop{padding:90px 7%;background:#07131b}
.shoplinks a{padding:12px 0}
footer{background:#07131b}
@media(max-width:900px){
.unusual-hero{grid-template-columns:1fr 1fr;min-height:640px}
.unusual-hero h1{font-size:clamp(60px,8vw,95px)}
.unusual-hero .hero-art{min-height:490px}
.unusual-art img{height:490px;width:90%}
.gallery{grid-template-columns:repeat(6,minmax(0,1fr))}
.unusual-piece,.unusual-piece:nth-child(n){grid-column:span 3;margin-top:0!important}
.unusual-piece:nth-child(5n+1){grid-column:span 4}
.unusual-piece:nth-child(5n+2){grid-column:span 2;margin-top:50px!important}
}
@media(max-width:680px){
nav{padding:16px 5%}
.navlinks{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:11px}
.unusual-hero{display:flex;flex-direction:column;gap:0;padding:32px 6% 55px;min-height:auto}
.unusual-hero>.fade{order:2;padding:0;width:100%;margin-top:-25px}
.unusual-hero .hero-art{order:1;width:100%;min-height:400px;justify-content:center}
.unusual-art img{width:77%;height:380px;border-width:6px;transform:rotate(-3deg)}
.unusual-art:after{font-size:25px;bottom:5%;left:1%}
.hero-stamp{right:0;top:5%}
.unusual-hero h1{font-size:clamp(62px,13vw,90px);margin:16px 0}
.unusual-hero p{font-size:15px}
.orb{width:220px;height:220px}
.manifesto{min-height:auto;padding:80px 7%}
.manifesto p{font-size:clamp(62px,12vw,90px)}
#art{padding:75px 6%}
#art .section-top{display:block}
#art .section-top h2{font-size:clamp(60px,12vw,90px)}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}
.unusual-piece,.unusual-piece:nth-child(n){grid-column:span 1;margin-top:0!important}
.unusual-piece:nth-child(5n+1){grid-column:span 2}
.unusual-piece img{border-width:4px;box-shadow:6px 6px 0 #116777}
.unusual-piece figcaption{font-size:17px}
.model-feature{display:flex;flex-direction:column;gap:40px;padding:80px 7%}
.model-feature>div:first-child,.model-feature>div:last-child{order:initial}
.model-feature h2{font-size:clamp(65px,14vw,95px)}
.model-feature img{max-height:520px}
.about{display:block;padding:75px 7%}
.shop{padding:70px 7%}
}
@media(max-width:390px){.gallery{grid-template-columns:1fr}.unusual-piece,.unusual-piece:nth-child(n){grid-column:span 1}.unusual-hero h1{font-size:60px}}
@media(prefers-reduced-motion:reduce){.orb,.hero-art:before{animation:none!important}}

/* Moonlit Ocean final homepage: no person in hero */
.unusual-hero{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:680px!important;padding:120px 6% 100px!important;background:linear-gradient(90deg,#020d16a6,#020d1650 55%,#020d1670),url('/assets/moonlit-ocean-arch.svg') center/cover no-repeat!important;isolation:isolate;overflow:hidden}
.unusual-hero:before,.unusual-hero:after{display:none!important}
.unusual-hero>.ocean-hero-copy{grid-column:auto!important;grid-row:auto!important;max-width:800px!important;padding:0!important;margin:0!important;z-index:2!important;text-shadow:0 4px 25px #000d}
.unusual-hero h1{font-family:Georgia,serif;font-size:clamp(66px,8vw,135px)!important;line-height:.95!important;letter-spacing:-.05em!important;margin:25px auto!important;color:#f2e7d5!important}
.unusual-hero h1 em{color:#f1cfa5!important;font-weight:400}
.unusual-hero p{max-width:550px!important;margin:0 auto 26px!important;color:#f5eee2!important;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(12px,1.15vw,16px)!important}
.unusual-hero .line-link{display:inline-block!important;background:#02121ccc!important;border:1px solid #d9b58c!important;color:#f7e8d2!important;padding:16px 30px!important;text-shadow:none!important}
.ocean-hero-note{position:absolute;bottom:34px;left:4%;text-align:left;color:#f2dbc1;font-family:Georgia,serif;font-style:italic;font-size:clamp(17px,2vw,28px);transform:rotate(-7deg);text-shadow:0 3px 12px #000}
.ocean-hero-note i{font-size:1.1em}
.unusual-hero .kicker{letter-spacing:.28em!important;color:#f6d8b1!important}
@media(max-width:680px){.unusual-hero{min-height:620px!important;padding:100px 7% 120px!important;background-position:62% center!important}.unusual-hero h1{font-size:clamp(54px,12vw,82px)!important}.ocean-hero-note{bottom:25px;left:6%}}
@media(prefers-reduced-motion:reduce){.unusual-hero *{animation:none!important;transition:none!important}}
