*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.tidal{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#090e11;color:#f2f0e9}.deep,.surface,.deep-shade,.paper-grain,.contours{position:absolute;inset:0}.deep .reel-background{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.36;filter:saturate(.45)}.deep-shade{background:linear-gradient(90deg,#080e11 20%,#080e1177 75%,#080e11aa)}.surface{background:#f3f0e7;color:#70867e;clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.paper-grain{opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ocean-study{position:absolute;width:47vw;height:90%;left:0;top:9%;opacity:.23;transform:rotate(-20deg)}.contours{opacity:.12;background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 42px,#76b5c4 43px,transparent 44px 75px);mask-image:linear-gradient(0deg,#000,transparent 75%)}.tidal-header{position:absolute;top:37px;left:4.5%;right:4.5%;display:flex;align-items:start;justify-content:space-between;z-index:3}.wordmark{font-family:Syne,sans-serif;font-size:24px;font-weight:700;letter-spacing:-1px}.tidal-header .wordmark{color:#182823}.wordmark span{display:block;font-family:Inter,sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:400;margin-top:9px}.tidal-header nav,.gallery-header nav{display:flex;gap:30px;font-size:11px}.tidal-header nav a:hover,.gallery-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.center-note{position:absolute;top:23%;width:100%;text-align:center;font-size:9px;letter-spacing:3px;color:#899c93;z-index:2;mix-blend-mode:difference}.choice{position:absolute;top:34%;width:36%;z-index:2}.choice-light{left:7%;color:#20332e}.choice-dark{left:59%}.index{font-size:9px;letter-spacing:2.4px}.choice h1,.choice h2{font-family:Syne,sans-serif;font-weight:500;font-size:clamp(60px,7.5vw,125px);letter-spacing:-5px;line-height:.98;margin:30px 0}.choice em,.gallery h1 em{font-family:Georgia,serif;font-weight:400}.choice p{font-size:12px;line-height:1.9;opacity:.7}.enter{display:flex;max-width:245px;justify-content:space-between;align-items:center;border-bottom:1px solid #8d9b9380;padding:20px 0 15px;margin-top:25px;font-size:12px}.enter span{font-size:24px;transition:transform .3s}.enter:hover span{transform:translate(4px,-4px)}.enter:focus-visible,nav a:focus-visible,button:focus-visible{outline:2px solid #609a97;outline-offset:7px}.waterline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.waterline path{stroke:#9ebcb3;stroke-width:1;fill:none;opacity:.55}.tidal-footer{position:absolute;left:4.5%;right:4.5%;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.3px;z-index:3}.tidal-footer>span:first-child{color:#52675e}.tidal-footer button{border:0;background:transparent;color:#6b8980;cursor:pointer;font-size:9px}.water-hint{opacity:.5}.skip{position:fixed;top:-100px;z-index:10;background:white;color:black;padding:14px}.skip:focus{top:0}.paintings{background:#f3f0e7;color:#20332e}.gallery-header{padding:36px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #20332e22}.gallery{padding:100px 7%}.gallery h1{font:500 clamp(48px,6.5vw,100px)/1.03 Syne,sans-serif;letter-spacing:-3px;margin:28px 0 40px}.gallery-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px;font-size:12px;line-height:1.8}.gallery-intro p{max-width:370px}.gallery-intro>span{font-size:10px;opacity:.6}.painting-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 50px}.painting-placeholder{margin:0}.placeholder-art{min-height:450px;background:#e4e6dd;border:1px solid #81938833;display:grid;place-items:center;text-align:center;color:#6a8075;font-size:10px;letter-spacing:3px}.placeholder-art small{display:block;letter-spacing:.5px;font-size:10px;margin-top:14px}.placeholder-2{margin-top:110px}.placeholder-2 .placeholder-art{background:#e7e2d6;min-height:530px}.placeholder-3 .placeholder-art{background:#dbe3df;min-height:530px}.placeholder-4 .placeholder-art{background:#e3e5de}.painting-placeholder figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:10px;line-height:1.6}.painting-placeholder figcaption span+span{opacity:.5}.gallery-back{display:inline-block;margin-top:80px;border-bottom:1px solid;padding-bottom:10px;font-size:12px}.gallery-footer{padding:35px 7%;border-top:1px solid #20332e22;display:flex;justify-content:space-between;font-size:10px}@media(max-width:700px){.tidal{min-height:820px;height:100svh}.tidal-header{top:24px}.wordmark{font-size:19px}.tidal-header nav{gap:15px;font-size:10px}.tidal-header nav a:first-child{display:none}.center-note{top:19%;font-size:7px;letter-spacing:1.7px}.choice{top:34%;width:40%}.choice-light{left:5%}.choice-dark{left:57%}.choice h1,.choice h2{font-size:clamp(42px,9vw,64px);letter-spacing:-2px;margin:24px 0}.choice p{font-size:10px;line-height:1.7;min-height:70px}.index{font-size:7px;letter-spacing:1px}.enter{font-size:10px;margin-top:15px}.tidal-footer{flex-wrap:wrap;font-size:7px;bottom:22px}.tidal-footer>span:first-child{width:100%;font-size:7px}.water-hint{display:none}.ocean-study{width:90vw;left:-32%;opacity:.18}.gallery-header{padding:25px 5%;gap:20px}.gallery-header nav{font-size:9px;gap:16px}.gallery{padding:70px 6%}.gallery-intro{display:block;margin-bottom:35px}.painting-grid{grid-template-columns:1fr;gap:40px}.placeholder-2{margin:0}.placeholder-art,.placeholder-2 .placeholder-art,.placeholder-3 .placeholder-art{min-height:380px}.gallery-footer{gap:15px;flex-wrap:wrap}}

.personal-wordmark{display:flex;gap:14px;align-items:center}.personal-wordmark img{width:62px;height:40px;filter:brightness(0) saturate(100%)}.personal-wordmark .personal-name{font:700 21px Syne,sans-serif;letter-spacing:-.8px;text-transform:none;margin:0}.personal-name small{display:block;font:400 8px Inter,sans-serif;letter-spacing:2px;text-transform:uppercase;margin-top:8px}@media(max-width:700px){.personal-wordmark{gap:9px}.personal-wordmark img{width:42px;height:30px}.personal-wordmark .personal-name{font-size:15px}.personal-name small{font-size:6px;letter-spacing:1px}}
.ocean-painting{position:absolute;width:60%;height:100%;left:-3%;top:0;object-fit:cover;object-position:50% 40%;opacity:.22;mix-blend-mode:multiply;filter:saturate(.6);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 70%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);mask-composite:intersect;pointer-events:none}@media(max-width:700px){.ocean-painting{width:75%;left:-15%;opacity:.18;object-position:55% 40%}}