/*
Theme Name: Aether Motion
Author: Aether Motion
Description: Editorial WordPress theme with scroll-driven gallery, product storytelling and fullscreen menu templates.
Version: 0.8.3
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
Tags: blog, portfolio, photography, custom-logo, custom-menu, featured-images
Text Domain: aether-motion
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--ink:#151714;--cream:#f3efe5;--muted:#a8aaa1;--line:rgba(243,239,229,.21);--ease:cubic-bezier(.22,1,.36,1);font-family:Arial,Helvetica,sans-serif;color:var(--cream);background:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);min-width:320px}body.admin-bar .site-header{top:32px}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #efc850;outline-offset:4px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute}.skip-link:focus{clip:auto;width:auto;height:auto;top:10px;left:10px;z-index:10000;background:#fff;color:#111;padding:12px}.eyebrow{font-size:.67rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;min-height:80px;padding:21px clamp(22px,4vw,70px);display:flex;align-items:center;justify-content:space-between;gap:2rem;mix-blend-mode:difference;color:#fff}.site-brand{font-family:var(--am-serif);font-weight:700;font-size:1.35rem;letter-spacing:-.05em;line-height:1}.site-brand img{max-width:180px;max-height:48px;width:auto}.site-nav .menu,.mobile-menu .menu{list-style:none;display:flex;gap:clamp(18px,3vw,54px);margin:0;padding:0}.site-nav a{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}.site-nav a:hover{text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none;background:transparent;border:0;color:inherit;width:36px;padding:8px 0}.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0}.mobile-menu{position:fixed;z-index:99;inset:0;background:#171a18;padding:110px 30px 40px}.mobile-menu[hidden]{display:none}.mobile-menu .menu{flex-direction:column;font-family:var(--am-serif);font-size:clamp(2rem,9vw,4rem)}.site-footer{padding:45px clamp(22px,4vw,70px);display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.site-footer .widget{max-width:450px}.site-footer a:hover{text-decoration:underline}.pill-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid currentColor;border-radius:99px;padding:15px 22px;min-width:145px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background .25s,color .25s,transform .25s}.pill-button:hover{background:var(--cream);color:var(--ink);transform:translateY(-3px)}.scroll-cue{display:inline-flex;gap:18px;align-items:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.24em;font-weight:700}.scroll-cue span{font-size:1.4rem;animation:cue 2s infinite}@keyframes cue{50%{transform:translateY(7px)}}
/* Core content */
.content-wrap{max-width:1440px;margin:auto;padding:155px clamp(22px,5vw,76px) 100px;min-height:70vh}.content-heading{max-width:1050px;margin-bottom:70px}.content-heading h1{font-family:var(--am-serif);font-size:clamp(3.8rem,9vw,9rem);font-weight:400;letter-spacing:-.075em;line-height:.95;margin:0 0 30px;overflow-wrap:anywhere}.article-wrap{max-width:980px}.article-wrap .content-heading h1{font-size:clamp(3.2rem,7vw,6.5rem)}.entry-content{font-size:1.12rem;line-height:1.8;overflow-wrap:anywhere}.entry-content a{text-decoration:underline}.entry-content blockquote{border-left:2px solid #d9c8a2;padding-left:25px;font-family:var(--am-serif);font-size:1.5em}.entry-content img,.article-wrap article>img{max-width:100%;height:auto}.entry-content pre{overflow:auto}.entry-content table{display:block;overflow-x:auto}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.post-card{border:1px solid var(--line);overflow:hidden}.post-card img{width:100%;aspect-ratio:1.4;object-fit:cover;display:block}.post-card-body{padding:30px}.post-card h2{font-family:var(--am-serif);font-weight:400;font-size:clamp(2rem,3vw,3.5rem);letter-spacing:-.05em;margin:10px 0}.post-card p{line-height:1.6}.post-card span{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em}.post-card-link:hover img{transform:scale(1.04)}.post-card img{transition:transform .6s var(--ease)}.navigation.pagination,.post-navigation{margin:45px 0}.page-numbers{margin-right:10px}.comments-area{margin-top:80px;border-top:1px solid var(--line);padding-top:30px}.comment-list{padding-left:25px}.comment-body{margin:30px 0}.comment-form input:not([type=checkbox]),.comment-form textarea,.search-form input[type=search]{display:block;width:100%;background:transparent;color:inherit;border:1px solid var(--line);padding:14px;margin:8px 0 20px}.comment-form input[type=submit],.search-form input[type=submit]{background:var(--cream);color:var(--ink);border:0;padding:14px 22px}.error-page{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.error-page .search-form{width:min(100%,500px)}
/* Front page */
.home-hero{min-height:100svh;position:relative;overflow:hidden;display:grid;align-items:end;padding:140px clamp(22px,5vw,76px) 9vh;background:radial-gradient(circle at 70% 44%,#4f5546 0,#1d221e 27%,#151714 67%)}.home-hero-copy{position:relative;z-index:2;max-width:1050px}.home-hero h1{font-family:var(--am-serif);font-size:clamp(5rem,12vw,12rem);letter-spacing:-.09em;line-height:.8;margin:20px 0 35px;font-weight:400}.home-intro{max-width:560px;font-size:1.1rem;line-height:1.6}.home-orbit{position:absolute;width:min(72vw,900px);aspect-ratio:1;right:-8vw;top:5vh;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:rotate(-23deg)}.home-orbit:before,.home-orbit:after,.home-orbit i{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;inset:13%}.home-orbit:after{inset:28%}.home-orbit i:nth-child(1){inset:-6% 39%;transform:rotate(35deg)}.home-orbit i:nth-child(2){inset:38% -8%;transform:rotate(35deg)}.home-orbit i:nth-child(3){inset:44%;background:#e8b80d;border:0;box-shadow:0 0 100px #e8b80d66}.hero-edge-label{position:absolute;right:5vw;bottom:9vh;font-size:.7rem;letter-spacing:.2em}.home-chapters{padding:8vw clamp(22px,5vw,76px)}.home-chapter{display:grid;grid-template-columns:70px minmax(0,1.2fr) minmax(280px,.8fr);gap:3vw;align-items:center;border-top:1px solid var(--line);padding:45px 0;min-height:420px}.home-chapter:last-child{border-bottom:1px solid var(--line)}.home-chapter-index{align-self:start;font-size:.7rem;letter-spacing:.2em}.home-chapter-image{height:340px;overflow:hidden;background:linear-gradient(135deg,#484d41,#1d221e)}.home-chapter-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.home-chapter:hover img{transform:scale(1.08)}.home-chapter h2{font-family:var(--am-serif);font-size:clamp(2.8rem,5vw,6rem);font-weight:400;letter-spacing:-.07em;line-height:.93;margin:0 0 25px}.home-chapter p{max-width:390px;line-height:1.6;color:#bdc0b7}.home-chapter-copy span{display:block;margin-top:40px;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em}.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s,transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
/* Gallery: DOM panels in a virtual corridor, camera driven by scroll progress */
.gallery-intro,.product-intro{min-height:100svh;padding:150px clamp(22px,5vw,76px) 8vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;position:relative;overflow:hidden}.gallery-intro{background:radial-gradient(circle at 62% 45%,#354848 0,#192528 26%,#0d1518 75%)}.gallery-intro:after{content:"";position:absolute;right:9%;top:17%;width:min(50vw,650px);aspect-ratio:1.25;border:25px solid #25383b;box-shadow:0 0 0 3px #81928a,0 30px 80px #0009,inset 0 0 50px #000;background:linear-gradient(145deg,#0a171a,#577c73 45%,#102426 78%)}.gallery-intro>*{position:relative;z-index:1}.gallery-intro h1,.product-intro h1{font-family:var(--am-serif);font-weight:400;font-size:clamp(5rem,15vw,15rem);letter-spacing:-.09em;line-height:.78;margin:22px 0 40px;max-width:1050px}.intro-copy{font-family:var(--am-serif);font-size:clamp(1.2rem,2vw,1.8rem);max-width:540px;line-height:1.35;margin-bottom:40px}.gallery-journey{height:calc(var(--chapter-count,4) * 110vh + 120vh);position:relative;background:#0d1518}.gallery-stage{position:sticky;top:0;height:100svh;overflow:hidden;perspective:900px;perspective-origin:50% 52%;background:radial-gradient(circle at 50% 48%,#234040,#0b1519 74%)}.gallery-room{position:absolute;inset:-40%;transform-style:preserve-3d;transform:translateZ(var(--camera-z,0px)) rotateY(var(--camera-y,0deg));will-change:transform}.gallery-floor,.gallery-ceiling,.gallery-wall,.gallery-end-wall{position:absolute;background:#1d3033}.gallery-floor{width:200%;height:200%;left:-50%;top:55%;transform:rotateX(82deg);background:repeating-linear-gradient(90deg,#122329 0 105px,#294149 106px 109px),linear-gradient(#182c32,#111e22)}.gallery-ceiling{width:200%;height:200%;left:-50%;bottom:55%;transform:rotateX(-82deg);background:#102125}.gallery-wall{width:100%;height:170%;top:-25%;box-shadow:inset 0 0 90px #0009}.gallery-wall-left{left:-47%;transform:rotateY(78deg);background:repeating-linear-gradient(0deg,#1a3032 0 140px,#294449 141px 144px)}.gallery-wall-right{right:-47%;transform:rotateY(-78deg);background:repeating-linear-gradient(0deg,#1a3032 0 140px,#294449 141px 144px)}.gallery-end-wall{inset:16%;transform:translateZ(-950px);background:linear-gradient(#142a2e,#0d1f23)}.gallery-artworks{position:absolute;inset:0;transform-style:preserve-3d}.gallery-artwork{position:absolute;top:15%;left:50%;width:min(33vw,470px);height:70%;transform:translate3d(calc(-50% + var(--side,0px)),0,var(--depth,0px)) rotateY(var(--yaw,0deg)) scale(var(--art-scale,.72));opacity:var(--art-opacity,0);filter:blur(var(--art-blur,0px));will-change:transform,opacity;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.gallery-frame{width:100%;height:65%;padding:12px;background:#c0aa7c;box-shadow:0 20px 60px #000b,0 0 0 2px #756443}.gallery-frame img{width:100%;height:100%;object-fit:cover;background:linear-gradient(125deg,#704b42,#e5af83,#242f34)}.gallery-caption{text-align:center;margin-top:22px;max-width:360px;text-shadow:0 3px 14px #000}.gallery-caption span{font-size:.62rem;letter-spacing:.25em}.gallery-caption h2{font-family:var(--am-serif);font-weight:400;font-size:clamp(1.3rem,3vw,2.5rem);margin:8px 0}.gallery-caption p{font-size:.8rem;line-height:1.5;margin:0}.gallery-progress{position:absolute;bottom:5vh;left:5vw;width:90vw;height:1px;background:#ffffff4d}.gallery-progress span{display:block;width:var(--gallery-progress,0%);height:100%;background:#fff}
/* Product story */
.product-intro{background:radial-gradient(circle at 67% 40%,#ecb90e,#9f650c 38%,#32250d 78%)}.product-intro:after{content:"";position:absolute;right:-7vw;top:0;width:70vw;height:90vh;border:1px solid #fff4;border-radius:50%;box-shadow:0 0 0 100px #ffffff0b,0 0 0 200px #ffffff08}.product-intro>*{z-index:1}.product-journey{height:calc(var(--chapter-count,3) * 100vh);position:relative}.product-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#e8b80d}.product-slide{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--product-color),white 25%),var(--product-color) 60%,color-mix(in srgb,var(--product-color),black 35%));color:#211a0c;opacity:0;visibility:hidden;transition:opacity .65s var(--ease),visibility .65s}.product-slide.is-active{opacity:1;visibility:visible}.product-word{position:absolute;inset:20% -3% auto;font-family:var(--am-serif);text-transform:uppercase;font-size:clamp(7rem,23vw,29rem);line-height:.75;letter-spacing:-.11em;text-align:center;white-space:nowrap;color:#49351032;transform:translateX(var(--word-x,0px))}.product-halo{position:absolute;width:min(62vw,700px);aspect-ratio:1;left:50%;top:48%;transform:translate(-50%,-50%) scale(var(--halo-scale,1));border:1px solid #fff8;border-radius:50%;box-shadow:0 0 0 65px #ffffff19,0 0 0 130px #ffffff11}.product-cutout{position:absolute;height:83vh;width:auto;max-width:55vw;object-fit:contain;left:50%;bottom:-5vh;transform:translate3d(calc(-50% + var(--product-x,0px)),var(--product-y,0px),0) rotate(var(--product-rotate,0deg)) scale(var(--product-scale,1));filter:drop-shadow(10px 24px 30px #5a330c66);will-change:transform}.product-orbit{position:absolute;border-radius:48% 52% 39% 61%;filter:blur(1px);box-shadow:inset -18px -25px 30px #0004,0 20px 40px #0003;background:#f4d955;transform:translateY(var(--float-y,0px)) rotate(var(--float-rotate,0deg));will-change:transform}.orbit-one{width:7vw;height:7vw;left:16%;top:35%}.orbit-two{width:4vw;height:4vw;right:18%;top:26%;background:#b2d06d}.orbit-three{width:5vw;height:5vw;right:11%;bottom:20%;background:#fbe89f}.product-details{position:absolute;left:clamp(25px,6vw,100px);bottom:9vh;z-index:2;max-width:310px}.product-details h2{font-family:var(--am-serif);font-size:clamp(2.5rem,5vw,5rem);font-weight:400;letter-spacing:-.07em;margin:8px 0}.product-details p{line-height:1.5;font-size:.95rem}.product-details .pill-button{margin-top:15px}.product-index{position:absolute;right:6vw;bottom:9vh;color:#211a0c;font-size:.7rem;letter-spacing:.2em}
/* Fullscreen sequence */
.menu-experience{height:calc(var(--chapter-count,5) * 100vh);position:relative;background:#2d1d18}.menu-stage{height:100svh;position:sticky;top:0;overflow:hidden}.menu-topline{position:absolute;z-index:7;top:105px;left:5vw;right:5vw;display:flex;justify-content:space-between;gap:20px;font-size:.65rem;text-transform:uppercase;letter-spacing:.2em}.menu-slide{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 52% 55%,color-mix(in srgb,var(--menu-color),white 25%),var(--menu-color) 50%,color-mix(in srgb,var(--menu-color),black 58%));opacity:0;visibility:hidden;transition:opacity .55s var(--ease),visibility .55s;color:#e8eee5}.menu-slide.is-active{opacity:1;visibility:visible}.menu-giant-index{position:absolute;top:20%;left:5vw;font-size:clamp(3rem,7vw,8rem);font-weight:700;letter-spacing:-.09em;line-height:1}.menu-giant-title{position:absolute;top:25%;left:16%;right:2%;font-size:clamp(7rem,19vw,23rem);font-weight:900;letter-spacing:-.12em;line-height:.8;text-transform:uppercase;margin:0;white-space:nowrap;color:#e1f4edb8;transform:translateX(var(--menu-title-x,0px));transition:transform .7s var(--ease)}.menu-cutout{position:absolute;z-index:2;height:75vh;max-width:43vw;width:auto;object-fit:contain;left:50%;bottom:-5vh;transform:translate3d(calc(-50% + var(--menu-x,0px)),var(--menu-y,0px),0) rotate(var(--menu-rotate,0deg));filter:drop-shadow(0 25px 35px #21130c77);will-change:transform}.menu-decor{position:absolute;border-radius:50%;border:2px solid #e8eee577;transform:translate3d(0,var(--decor-y,0px),0)}.menu-decor-one{width:18vw;aspect-ratio:1;right:6%;top:17%}.menu-decor-two{width:6vw;aspect-ratio:1;left:31%;bottom:18%;background:#7e462b}.menu-information{position:absolute;z-index:4;left:5vw;bottom:12vh;width:min(300px,30vw)}.menu-information h3{font-family:var(--am-serif);font-size:clamp(2.5rem,4vw,5rem);font-weight:400;letter-spacing:-.06em;margin:12px 0}.menu-information p{font-size:.9rem;line-height:1.5}.menu-information .pill-button{margin-top:18px}.menu-controls{position:absolute;z-index:8;right:5vw;bottom:9vh;display:flex;align-items:center;gap:18px;font-size:.67rem;letter-spacing:.15em}.menu-controls button{width:45px;height:45px;border:1px solid #e8eee599;color:inherit;background:transparent;border-radius:50%;transition:background .25s,color .25s}.menu-controls button:hover{background:#e8eee5;color:#1b211c}
@media(max-width:800px){.site-header{min-height:70px}.site-nav{display:none}.menu-toggle{display:block}.site-footer{flex-wrap:wrap}.post-grid{grid-template-columns:1fr}.home-chapter{grid-template-columns:40px 1fr;gap:20px;min-height:auto}.home-chapter-image{grid-column:2;height:270px}.home-chapter-copy{grid-column:2}.gallery-intro:after{right:-15%;top:20%;width:80vw;opacity:.65}.gallery-artwork{width:min(70vw,420px);top:20%;height:60%}.gallery-frame{height:55%}.product-word{top:25%;font-size:30vw}.product-cutout{max-width:78vw;height:66vh;bottom:3vh}.product-details{bottom:5vh;max-width:170px}.product-details h2{font-size:2.6rem}.product-details p{font-size:.75rem}.product-details .pill-button{font-size:.55rem;min-width:0;padding:10px}.product-index{bottom:5vh}.menu-giant-index{top:18%}.menu-giant-title{top:28%;left:4%;font-size:24vw}.menu-cutout{height:63vh;max-width:80vw;bottom:4vh}.menu-information{bottom:9vh;width:45vw}.menu-information h3{font-size:2.5rem}.menu-information p{font-size:.75rem}.menu-information .pill-button{font-size:.55rem;min-width:0;padding:10px}.menu-controls{bottom:4vh}.menu-topline{top:85px}}
@media(max-width:540px){.home-hero h1,.gallery-intro h1,.product-intro h1{font-size:22vw}.home-hero{padding-bottom:12vh}.home-orbit{width:110vw;right:-45vw;top:15vh}.home-chapter{display:block}.home-chapter-index{display:block;margin-bottom:20px}.home-chapter-image{height:240px}.home-chapter-copy{padding-top:22px}.gallery-artwork{width:82vw}.gallery-caption p{display:none}.product-cutout{height:60vh;bottom:15vh}.product-details{background:#ffffff77;backdrop-filter:blur(10px);padding:12px;border-radius:12px}.product-details p{display:none}.menu-giant-title{top:34%}.menu-cutout{height:55vh;bottom:13vh}.menu-information{bottom:8vh;background:#17231c88;backdrop-filter:blur(8px);padding:10px;border-radius:10px}.menu-information h3{font-size:1.8rem}.menu-information p{display:none}.menu-controls{right:4vw}.menu-controls button{width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}.gallery-room,.gallery-artwork,.product-cutout,.product-orbit,.menu-cutout{will-change:auto}.product-slide,.menu-slide{transition:none}}

.menu-slide{pointer-events:none}.menu-slide .pill-button{pointer-events:auto}.menu-controls{pointer-events:auto}
.gallery-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.gallery-stage.has-webgl .gallery-room,.gallery-stage.has-webgl .gallery-frame{display:none}.gallery-stage.has-webgl .gallery-artwork{top:auto;bottom:9vh;left:50%;height:auto;width:min(80vw,520px);transform:translateX(-50%)!important;filter:none!important}.gallery-stage.has-webgl .gallery-caption{padding:13px 24px;background:#0c1718a3;backdrop-filter:blur(8px);border:1px solid #ffffff26}
.gallery-stage.has-webgl .gallery-artwork{transition:opacity .35s ease}
.home-header-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}.home-header-image+.home-orbit{opacity:.7}.entry-content .alignwide{max-width:calc(100vw - 44px);width:1200px;margin-left:50%;transform:translateX(-50%)}.entry-content .alignfull{max-width:none;width:100vw;margin-left:50%;transform:translateX(-50%)}.entry-content figure{margin:2em 0}.entry-content figcaption{font-size:.75rem;color:#aaa}.wp-block-button__link{border-radius:100px;background:#f3efe5;color:#151714;padding:12px 22px}.wp-block-quote,.wp-block-pullquote{border-color:#c4a578}.wp-block-table table{border-collapse:collapse}.wp-block-table td,.wp-block-table th{border:1px solid #ffffff44;padding:12px}.widget ul{list-style:none;padding:0}.widget li{margin:.5em 0}.widget a{text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.entry-content .alignwide,.entry-content .alignfull{width:100%;margin-left:0;transform:none}}
.wp-caption{max-width:100%;margin:1.5em 0}.wp-caption img{display:block}.wp-caption-text{font-size:.75rem;color:#a8aaa1;margin-top:.5em}.sticky{border-top:3px solid #e8b80d}.bypostauthor{font-weight:inherit}.alignleft{float:left;margin:0 1.5em 1em 0}.alignright{float:right;margin:0 0 1em 1.5em}.aligncenter{display:block;margin-left:auto;margin-right:auto}.entry-content:after{content:"";display:block;clear:both}
.is-style-aether-editorial{border-left:0!important;padding:0!important;font-family:var(--am-serif);font-size:clamp(1.8rem,3.5vw,3.5rem);font-weight:400;letter-spacing:-.04em}.aether-editorial-intro{padding:clamp(35px,7vw,90px) 0;border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33}.aether-editorial-intro h2{font-family:var(--am-serif);font-weight:400;font-size:clamp(2.5rem,6vw,6rem);letter-spacing:-.07em;line-height:.98;margin:20px 0}
