/* ASRYO — The Atelier Edit | Premium responsive storefront, 2026 */
:root{--paper:#f4f0e9;--cream:#fcfaf6;--ink:#261e20;--wine:#5b2439;--wine-dark:#351722;--muted:#746a64;--line:#dbd2c6;--accent:#af916e;--serif:"Iowan Old Style","Baskerville","Palatino Linotype",Georgia,serif;--sans:"Avenir Next","Montserrat","Segoe UI",Arial,sans-serif;--shadow:0 30px 95px #21151825}
html{scroll-padding-top:102px}body{background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}::selection{background:#672b43;color:#fff}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #95754f;outline-offset:3px}
.announce{min-height:32px;padding:7px 20px;background:#472033;color:#fff;font-size:9px;letter-spacing:.24em;gap:15px}.announce span:first-child::after{content:"◆";font-size:7px;padding-left:15px;color:#e3cdb2}.announce span+span{font-weight:400;opacity:.86;letter-spacing:.06em}
.site-header{min-height:91px;grid-template-columns:1fr auto 1fr;padding:19px 5.5%;background:rgba(252,250,246,.97);border-bottom:1px solid #e1d8cb;box-shadow:0 6px 40px #2b212008;backdrop-filter:blur(22px)}.brand{font-family:"Baskerville","Times New Roman",Georgia,serif;letter-spacing:.22em;font-size:34px;line-height:1;font-weight:400}.brand span{font:500 7px/1.3 var(--sans);letter-spacing:.26em;margin-top:8px;color:#786b63}.site-header nav{gap:38px;align-items:center}.site-header nav a,.icon-button{font-size:10px;font-weight:500;letter-spacing:.18em;transition:color .2s}.site-header nav a:hover,.icon-button:hover{color:var(--wine)}.header-actions{gap:27px;align-items:center}.icon-button{min-height:38px;padding:7px 0}.bag-count{background:var(--wine);margin-left:7px;width:19px;height:19px}
.hero{display:grid;grid-template-columns:48% 52%;min-height:740px;max-height:930px;background:#f8f4ed}.hero-copy{position:relative;z-index:1;justify-content:center;padding:95px 6.6% 88px 12%;background:radial-gradient(ellipse at 8% 20%,#e5d8c335,transparent 58%),#f9f6ef}.hero-copy::before{content:"ASRYO  /  THE ATELIER EDIT";position:absolute;left:12%;top:48px;letter-spacing:.3em;color:#9b8b79;font-size:8px}.hero .kicker{font-size:9px;letter-spacing:.27em;color:var(--wine);margin:0 0 26px;font-weight:600}.hero h1{font-family:var(--serif);font-size:clamp(66px,7.5vw,124px);font-weight:400;line-height:.92;letter-spacing:-.055em;margin:0 0 31px}.hero h1 i{font-weight:400;color:var(--wine);letter-spacing:-.065em}.hero-lede{color:#655d57;font-size:14px;line-height:1.95;max-width:390px;margin-bottom:38px}.button{min-height:56px;padding:14px 23px;font-size:10px;letter-spacing:.19em;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--wine);border-color:var(--wine)}.button-dark:hover{background:#361722;border-color:#361722}.hero-note{margin-top:33px;max-width:365px;font-size:10px;line-height:1.6;letter-spacing:.03em}.hero-note>span:first-child{background:#bd9b72}
.hero-image{min-height:740px;background:#ded1bd;max-height:none}.hero-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#00000005 50%,#1e0c172b 100%)}.hero-image img{object-position:center 26%;filter:saturate(.9) contrast(1.035);transform:scale(1.01)}.image-stamp{z-index:1;right:28px;bottom:30px;border:1px solid #fffffff0;background:#fbf7efe9;color:var(--wine);padding:20px 29px;font-family:var(--serif);font-size:20px;line-height:1.5;letter-spacing:.07em;text-align:center}.image-stamp small{font-size:8px;letter-spacing:.25em;font-family:var(--sans)}.hero-side-note{position:absolute;z-index:1;left:28px;bottom:36px;color:white;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.26em;text-transform:uppercase}
.category-strip{padding:24px 6%;background:#4b2234;border:0;gap:25px}.category-strip>span{color:#dec9b1;letter-spacing:.24em;font-size:9px}.category-strip a{font:400 18px var(--serif);color:#f9f3e8;letter-spacing:.03em}.category-strip a b{font-size:11px;color:#d8bca0}.category-strip a:hover{color:#e5c8aa}
.editorial-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:104px 18px 88px;background:#fcfaf6}.editorial-intro .kicker{margin-bottom:20px;letter-spacing:.27em}.editorial-intro h2{max-width:840px;font:400 clamp(37px,4.7vw,69px)/1.05 var(--serif);letter-spacing:-.04em;margin:0}.editorial-intro h2 em{font-style:italic;color:var(--wine)}.editorial-intro p:last-child{max-width:485px;color:#746b63;font-size:13px;line-height:1.9;margin:24px auto 0}
.worlds{padding:0 5.4% 114px;background:#fcfaf6}.worlds-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:23px;border-bottom:1px solid #d9d0c4;padding-bottom:17px}.worlds-top h2{font:400 clamp(31px,3.9vw,53px)/1 var(--serif);letter-spacing:-.035em;margin:0}.worlds-top .kicker{margin:0 0 12px}.worlds-top>p{font:500 9px var(--sans);text-transform:uppercase;letter-spacing:.2em;color:#9d8c7d}.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.world-card{position:relative;display:block;min-width:0;aspect-ratio:3/4.3;background:#e2d6c6;overflow:hidden;text-decoration:none}.world-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.2,1);filter:saturate(.82)}.world-card:hover img,.world-card:focus-visible img{transform:scale(1.055)}.world-card::after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(180deg,transparent 10%,#150c119c 100%);pointer-events:none}.world-card .world-card-copy{position:absolute;z-index:1;left:24px;right:20px;bottom:25px;color:#fff}.world-card small{font-size:8px;letter-spacing:.2em;color:#f2ded0;text-transform:uppercase}.world-card h3{font:400 clamp(24px,2.7vw,37px)/1 var(--serif);margin:9px 0 10px;letter-spacing:-.02em}.world-card .world-link{font-size:9px;text-transform:uppercase;letter-spacing:.17em;border-bottom:1px solid #decab1;padding-bottom:4px}
.section.collection-section{max-width:none;padding:106px 5.4% 130px;background:#f4f0e9}.collection-section .section-top{gap:30px;align-items:end;margin-bottom:31px}.collection-section .kicker{letter-spacing:.25em;margin-bottom:17px}.collection-section .section-top h2{max-width:690px;font:400 clamp(44px,5.3vw,79px)/.99 var(--serif);letter-spacing:-.05em;margin-bottom:22px}.collection-section .section-top .muted{color:#766d66;font-size:12px;line-height:1.9;max-width:480px}.collection-tools{gap:10px 11px;min-width:min(450px,42vw);grid-template-columns:minmax(200px,1fr) 162px}.search-label{font-size:9px;color:#755c5d;letter-spacing:.18em}.collection-tools input,.collection-tools select{height:52px;border:1px solid #ccc0b3;background:#faf8f3;font-size:12px}.collection-tools input::placeholder{color:#9c8f86}.result-count{color:#75675f;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 19px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:49px 19px}.product-visual{aspect-ratio:3/4.15;background:#e7ddce}.product-visual img{filter:saturate(.92);transition:transform .55s ease,filter .55s ease}.product-visual:hover img{transform:scale(1.05);filter:saturate(1)}.preview-tag{padding:8px 10px;top:12px;left:12px;background:#faf7f1eF;color:#603448;font-size:7px;letter-spacing:.2em;font-weight:600}.product-arrow{right:13px;bottom:13px;width:39px;height:39px;border:1px solid #eee2d4;background:#f8f5ebeb;font-size:17px;color:var(--wine)}.product-meta>p{margin-top:17px;color:#8a746b;font-size:8px;letter-spacing:.15em}.product-meta h3{font:400 clamp(19px,1.9vw,27px)/1.18 var(--serif);letter-spacing:-.02em}.product-meta h3 button:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.product-buy{border-top:1px solid #dbd1c3;padding-top:11px;margin-top:14px;align-items:start}.product-buy strong{font-size:10px;color:#6a4d4d}.product-buy .small{font-size:9px;letter-spacing:.04em}
.story{grid-template-columns:1fr 1fr;background:#4b2134;color:#fbf7ef}.story-image{min-height:730px;background:#e9ddce}.story-image img{filter:saturate(.77);object-position:center}.story-copy{padding:95px 13%;background:#482033}.story .kicker{color:#d7bda0;letter-spacing:.24em}.story h2{font:400 clamp(43px,4.5vw,72px)/1.02 var(--serif);letter-spacing:-.045em}.story h2 i{color:#e2bfa8}.story-copy>p:not(.kicker){color:#e0d2cf;font-size:13px;line-height:2;max-width:420px}.story .text-link{color:#f5e5d3;border-color:#c3a389}
.luxury-signature{padding:64px 6%;display:flex;align-items:center;justify-content:space-between;gap:45px;background:#eee7dc;border-block:1px solid #ded2c4}.luxury-signature p{max-width:710px;font:italic 400 clamp(25px,3.1vw,43px)/1.2 var(--serif);margin:0;color:#4b2935;letter-spacing:-.025em}.luxury-signature .signature-icon{color:#b69b75;font:400 50px var(--serif)}.service-section{background:#fcfaf6;padding:106px 7% 122px}.service-section h2{max-width:900px;font:400 clamp(43px,5vw,71px)/1.04 var(--serif);letter-spacing:-.05em;margin-bottom:68px}.service-section .kicker{letter-spacing:.26em}.service-grid{gap:55px}.service-grid article{padding-top:23px;border-top:1px solid #d7caba}.service-grid article>span{color:#977861;font-size:10px}.service-grid h3{font:400 28px var(--serif)}.service-grid p{font-size:12px;line-height:1.95}
.footer{background:#261b21;color:#fbf6ec;padding:76px 7% 28px;border:none;grid-template-columns:1.2fr .9fr 1.2fr;gap:50px}.footer .brand{font-size:43px}.footer .brand span{color:#d3bcae;font-size:8px}.footer p{color:#d8c9c2;font-size:12px;line-height:1.9}.footer .text-link{color:#ebcfb6;border-color:#856c61;margin:6px 0 12px}.footer small{color:#b8aaa3;border-color:#564149;letter-spacing:.05em}.assistant-launch{right:25px;bottom:25px;background:#5b2439;border-color:#a58479;min-height:52px;padding:14px 21px;font-size:10px;letter-spacing:.13em}.assistant-launch:hover{background:#351722}.modal,.drawer{background:#fcfaf6}.drawer-head,.modal-head{background:#f5efe6}.empty-state{background:#fcfaf6}
@media(max-width:1150px){.site-header{gap:16px;padding:18px 4%}.site-header nav{gap:18px}.hero{grid-template-columns:47% 53%;min-height:680px}.hero-copy{padding:80px 7% 75px 9%}.hero-copy::before{left:9%}.hero h1{font-size:clamp(63px,7.3vw,94px)}.hero-image{min-height:680px}.world-card .world-card-copy{left:18px;bottom:19px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-image{min-height:650px}}
@media(max-width:760px){html{scroll-padding-top:124px}.announce{font-size:7px;padding:8px 10px;gap:7px;flex-wrap:wrap;min-height:31px}.announce span:first-child::after{padding-left:7px}.announce span+span{font-size:7px}.site-header{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:15px 5% 9px;min-height:0}.site-header .brand{font-size:28px;align-self:center}.site-header .brand span{font-size:6px;margin-top:7px;letter-spacing:.21em}.site-header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-around;gap:10px;overflow-x:auto;padding:17px 0 6px;margin-top:12px;border-top:1px solid #e7ded5}.site-header nav a{flex:none;font-size:9px;letter-spacing:.12em}.header-actions{grid-column:2;grid-row:1;gap:14px}.icon-button{font-size:9px;letter-spacing:.08em;min-height:40px}.bag-count{margin-left:3px;width:17px;height:17px}.hero{display:flex;flex-direction:column;max-height:none;min-height:0}.hero-image{order:-1;height:clamp(430px,125vw,650px);min-height:0;max-height:none}.hero-image img{object-position:center 29%}.hero-side-note{left:17px;bottom:26px;font-size:8px}.image-stamp{bottom:18px;right:15px;padding:11px 16px;font-size:16px}.image-stamp small{font-size:7px}.hero-copy{order:1;padding:54px 7% 58px}.hero-copy::before{display:none}.hero .kicker{font-size:8px;letter-spacing:.22em;margin-bottom:20px}.hero h1{font-size:clamp(54px,12.8vw,94px);line-height:.96;margin-bottom:21px;letter-spacing:-.055em}.hero-lede{font-size:13px;line-height:1.85;max-width:340px;margin-bottom:27px}.hero-note{margin-top:23px;font-size:9px}.button{min-height:53px;font-size:9px}.category-strip{justify-content:flex-start;overflow-x:auto;white-space:nowrap;gap:25px;padding:18px 6%;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-strip>span{font-size:8px;flex:none}.category-strip a{font-size:16px;flex:none}.editorial-intro{padding:72px 7% 64px}.editorial-intro .kicker{font-size:8px}.editorial-intro h2{font-size:clamp(35px,9vw,59px)}.editorial-intro p:last-child{font-size:12px;line-height:1.8;margin-top:22px}.worlds{padding:0 5% 77px}.worlds-top h2{font-size:38px}.worlds-top>p{display:none}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.world-card{aspect-ratio:3/4.6}.world-card .world-card-copy{left:12px;right:9px;bottom:14px}.world-card small{font-size:7px;letter-spacing:.12em}.world-card h3{font-size:27px;margin:6px 0 8px}.world-card .world-link{font-size:7px;letter-spacing:.11em}.section.collection-section{padding:76px 5% 86px}.section-top{display:block}.collection-section .section-top h2{font-size:clamp(43px,10vw,63px);line-height:1.02;margin-bottom:18px}.collection-section .section-top .muted{font-size:12px;line-height:1.75}.collection-tools{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:8px;min-width:0;margin-top:30px}.collection-tools input,.collection-tools select{height:47px;font-size:11px}.search-label{font-size:8px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}.product-visual{aspect-ratio:3/4.45}.preview-tag{font-size:7px;padding:5px 7px;top:8px;left:8px}.product-arrow{width:30px;height:30px;right:7px;bottom:7px}.product-meta>p{font-size:7px;margin-top:12px;line-height:1.6;letter-spacing:.08em}.product-meta h3{font-size:20px}.product-buy{gap:6px}.product-buy strong,.product-buy .small{font-size:9px}.story{display:flex;flex-direction:column}.story-image{height:450px;min-height:0}.story-copy{padding:64px 8% 70px}.story h2{font-size:clamp(39px,9.8vw,58px)}.story-copy>p:not(.kicker){font-size:12px}.luxury-signature{padding:42px 8%;gap:15px}.luxury-signature .signature-icon{font-size:35px}.luxury-signature p{font-size:26px}.service-section{padding:77px 7% 83px}.service-section h2{font-size:41px;margin-bottom:40px}.service-grid{gap:25px}.service-grid h3{font-size:26px}.footer{grid-template-columns:1fr 1fr;gap:21px;padding:52px 7% 26px}.footer>.brand{grid-column:1/-1;font-size:40px}.footer p{font-size:11px}.footer small{font-size:9px}.assistant-launch{bottom:14px;right:12px;min-height:43px;padding:10px 15px;font-size:9px}}
@media(max-width:380px){.site-header nav{gap:8px}.site-header nav a{font-size:8px}.hero h1{font-size:clamp(49px,12.5vw,58px)}.hero-image{height:430px}.image-stamp{font-size:13px;padding:8px 12px}.world-card h3{font-size:23px}.product-meta h3{font-size:18px}.collection-tools{grid-template-columns:minmax(0,1fr) 110px}}
@media(prefers-reduced-motion:reduce){.world-card img,.button{transition:none}}
.price-stack{display:flex;flex-direction:column;gap:4px;min-width:0}.price-context{display:block;color:#8a746b;font:600 7px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}.product-buy{align-items:center}.product-buy .price-stack strong{font-size:11px;line-height:1.35}.detail-price-context{margin:0 0 6px}.detail-price{display:block;margin-bottom:17px}.footer #supportLine{max-width:360px}
@media(max-width:760px){.product-buy{align-items:flex-start;flex-wrap:wrap;gap:8px}.price-stack{flex:1 1 100%;gap:3px}.product-buy .price-stack strong{font-size:10px}.product-buy .add-button{min-height:40px;padding:9px 11px;font-size:8px;letter-spacing:.08em}.product-buy>.small{align-self:center}.footer #supportLine{max-width:none}}

/* ASRYO — DROP 001 / THE ORIGIN lookbook */
.drop-preview{background:#eae8e3;color:#171717;padding:clamp(45px,6vw,96px) clamp(16px,5.2vw,92px) clamp(28px,4vw,66px);scroll-margin-top:76px}
.drop-preview-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.drop-preview-kicker{font:600 11px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.2em;margin:0 0 16px}
.drop-preview-header h2{font-size:clamp(38px,5.5vw,86px);letter-spacing:-.045em;line-height:1.02;margin:0;font-weight:500}
.drop-preview-header h2 em{font-family:Georgia,serif;font-weight:400}
.drop-preview-caption{font:600 10px/1.75 var(--sans,Arial,sans-serif);letter-spacing:.15em;text-align:right;flex-shrink:0;margin:0}
.drop-preview-poster{display:block;position:relative;overflow:hidden;background:#dbd9d3;box-shadow:0 17px 36px rgba(0,0,0,.12);text-decoration:none;color:#fff}
.drop-preview-poster img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.drop-preview-view{position:absolute;right:16px;bottom:16px;background:rgba(15,15,15,.91);color:#fff;padding:13px 18px;font:700 10px/1.2 var(--sans,Arial,sans-serif);letter-spacing:.13em}
.drop-preview-view span{padding-left:9px}
.drop-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;font:600 9px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.12em}
.drop-preview-foot p{font:400 12px/1.5 var(--sans,Arial,sans-serif);letter-spacing:0;text-align:center;margin:0}
@media(max-width:680px){.drop-preview-header{align-items:flex-start;flex-direction:column;gap:12px}.drop-preview-caption{text-align:left;font-size:9px}.drop-preview-foot{display:block}.drop-preview-foot p{text-align:left;margin:8px 0}.drop-preview-foot span{display:inline-block;margin-right:15px}.drop-preview-view{right:8px;bottom:8px;font-size:8px;padding:9px 11px}.drop-preview-kicker{font-size:9px}}


/* ASRYO independent streetwear — clothing-only identity */
:root{--paper:#eae9e5;--cream:#f4f3ef;--ink:#141414;--wine:#171717;--wine-dark:#050505;--muted:#61615e;--line:#cecec8;--accent:#777772;--serif:"Arial Narrow","Helvetica Neue",Arial,sans-serif;--sans:"Helvetica Neue",Arial,sans-serif}
body{background:#f4f3ef;color:#151515}
.announce{background:#111;color:#f6f6f3}
.site-header{background:rgba(247,247,244,.97);border-bottom-color:#d5d5d0}
.brand{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.065em;font-size:40px}
.brand span{letter-spacing:.19em;font-size:7px;font-weight:700}
.site-header nav a{font-weight:700;letter-spacing:.14em}
.hero{background:#e8e7e1;min-height:680px}
.hero-copy{background:#eae9e3;padding:94px 6% 88px 11%}
.hero-copy::before{content:"ASRYO® / INDEPENDENT CLOTHING LABEL";color:#666}
.hero .kicker{color:#333}
.hero h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(66px,8.3vw,140px);line-height:.9;font-weight:900;letter-spacing:-.055em}
.hero h1 i{font-family:inherit;color:#8d8b84;font-style:normal}
.hero-lede{color:#444;max-width:390px}
.hero-image{background:#d3d1cc;min-height:680px}
.hero-image img{object-fit:cover;object-position:center;filter:grayscale(.75) contrast(1.09)}
.image-stamp{background:#181818;color:white;border:0;font:900 24px/1.25 Arial,sans-serif;letter-spacing:-.035em}
.image-stamp small{font:700 8px/1.3 Arial,sans-serif;letter-spacing:.15em}
.button-dark,.assistant-launch{background:#151515;border-color:#151515}
.button-dark:hover{background:#343434;border-color:#343434}
.category-strip{background:#161616}
.category-strip>span{color:#aaa}
.category-strip a{font:700 14px Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:white}
.editorial-intro{background:#f4f3ef}
.editorial-intro h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.035em}
.editorial-intro h2 em{color:#777;font-style:normal}
.asryo-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ccc;border-block:1px solid #ccc}
.asryo-pillars article{min-height:280px;padding:52px 9%;background:#eeede8}
.asryo-pillars span{font-size:10px;font-weight:700;letter-spacing:.2em}
.asryo-pillars h3{font:900 clamp(24px,2.9vw,45px)/1.04 Arial,sans-serif;letter-spacing:-.06em;text-transform:uppercase;margin:40px 0 15px}
.asryo-pillars p{font-size:13px;line-height:1.75;max-width:310px;color:#5a5a56}
.asryo-pillars a{display:inline-block;margin-top:16px;font-weight:700;font-size:11px;text-decoration:underline;text-underline-offset:5px}
.drop-preview{background:#deddd8}
.drop-preview-header h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;font-weight:900}
.story{background:#e3e2dc}
.story-image img{object-fit:contain;filter:grayscale(.4)}
.story-copy h2,.service-section h2,.section-top h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;font-weight:900;letter-spacing:-.04em}
.story h2 i,.service-section h2 i{color:#737373;font-style:normal}
.luxury-signature{background:#171717;color:white}
.footer{background:#e9e8e3}
@media(max-width:760px){.asryo-pillars{grid-template-columns:1fr}.asryo-pillars article{min-height:auto;padding:34px 8%}.asryo-pillars h3{margin:20px 0 10px}.hero{min-height:0}.hero-copy{padding:68px 7% 45px}.hero-image{min-height:410px;height:410px}.hero h1{font-size:clamp(65px,15vw,105px)}.brand{font-size:30px}.site-header nav{gap:14px}.site-header nav a{font-size:8px}.category-strip a{font-size:11px}}


/* ASRYO visual journal */
.asryo-gallery{background:#171717;color:#f6f5f1;padding:90px clamp(18px,5.4vw,90px) 65px}
.asryo-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.asryo-gallery-heading h2{font:900 clamp(46px,6.2vw,96px)/.91 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:-.05em;margin:0}
.asryo-gallery-heading .kicker{color:#b6b6b0}
.asryo-gallery-heading>p{max-width:270px;color:#ccc;font-size:13px;line-height:1.7}
.asryo-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:275px;gap:12px}
.asryo-gallery-item{position:relative;margin:0;overflow:hidden;background:#343434}
.asryo-gallery-item.tall{grid-row:span 2}
.asryo-gallery-item.wide{grid-column:span 2}
.asryo-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.65);transition:transform .6s ease,filter .6s ease}
.asryo-gallery-item:hover img{transform:scale(1.035);filter:grayscale(.1)}
.asryo-gallery-item:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}
.asryo-gallery-item figcaption{position:absolute;z-index:1;bottom:22px;left:22px;font-size:10px;font-weight:800;letter-spacing:.17em}
.asryo-gallery-credit{font-size:10px;color:#a7a7a2;margin:23px 0 0;line-height:1.8}
.asryo-gallery-credit a{color:#d0d0ca}
@media(max-width:760px){.asryo-gallery{padding:60px 6% 42px}.asryo-gallery-heading{display:block}.asryo-gallery-heading>p{margin-top:18px}.asryo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:210px;gap:8px}.asryo-gallery-item.tall{grid-row:span 2}.asryo-gallery-item.wide{grid-column:span 1}.asryo-gallery-item figcaption{font-size:8px;left:12px;bottom:12px}}


/* ASRYO Drop 001 — editorial tee index */
.asryo-tee-section{padding:95px clamp(18px,5.5vw,90px);background:#f3f1eb;color:#171717}
.asryo-tee-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:37px}
.asryo-tee-heading h2{font:900 clamp(50px,6.5vw,104px)/.88 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:-.055em;margin:0}
.asryo-tee-heading>p{max-width:330px;color:#595954;font-size:13px;line-height:1.7}
.asryo-tee-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 14px}
.asryo-tee-card{min-width:0}
.asryo-tee-photo{position:relative;aspect-ratio:3/4;overflow:hidden;background:#dedcd6}
.asryo-tee-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(.4);transition:transform .35s}
.asryo-tee-card:hover img{transform:scale(1.04)}
.asryo-tee-number{position:absolute;top:11px;left:11px;background:#f8f6f0;color:#171717;padding:5px 8px;font-size:9px;font-weight:700}
.asryo-tee-meta{padding-top:13px}
.asryo-tee-meta h3{font:800 14px/1.35 Arial,sans-serif;letter-spacing:-.015em;margin:0 0 5px}
.asryo-tee-meta p{font-size:11px;color:#686861;margin:0 0 12px}
.asryo-tee-meta span{font-size:9px;letter-spacing:.14em;font-weight:800}
.asryo-tee-disclaimer{font-size:11px;color:#666;margin:30px 0 0}
@media(max-width:1050px){.asryo-tee-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.asryo-tee-section{padding:60px 6%}.asryo-tee-heading{display:block}.asryo-tee-heading>p{margin-top:16px}.asryo-tee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 11px}.asryo-tee-meta h3{font-size:12px}}


/* Distinct framed sections of the ASRYO Drop 001 lookbook while independent image assets await upload. */
.asryo-tee-photo img{position:absolute;width:530%;max-width:none;height:auto;object-fit:unset;filter:none;left:calc(var(--look-col,0)*-106%);top:var(--look-top,-42%);transition:transform .35s ease}
.asryo-tee-card:hover .asryo-tee-photo img{transform:scale(1.015);transform-origin:top left}
.tee-look-01{--look-col:0;--look-top:-42%}.tee-look-02{--look-col:1;--look-top:-42%}.tee-look-03{--look-col:2;--look-top:-42%}.tee-look-04{--look-col:3;--look-top:-42%}.tee-look-05{--look-col:4;--look-top:-42%}
.tee-look-06{--look-col:0;--look-top:-208%}.tee-look-07{--look-col:1;--look-top:-208%}.tee-look-08{--look-col:2;--look-top:-208%}.tee-look-09{--look-col:3;--look-top:-208%}.tee-look-10{--look-col:4;--look-top:-208%}


/* ASRYO / editorial surface refresh — October 2026 */
:root{--paper:#ebe8e1;--cream:#f7f5f0;--ink:#171717;--line:#d8d3ca}
body{background:#f7f5f0}
.site-header{background:rgba(249,248,245,.96)}
.hero,.street-hero{background:#e9e5dd}
.hero-copy{background:linear-gradient(130deg,#f5f2eb 0%,#ebe6dc 100%)}
.hero-image{background:#c9c4bb}
.editorial-intro{background:#f7f5f0}
.asryo-pillars{background:#d4d0c8;border-color:#d4d0c8}
.asryo-pillars article{background:#eeebe4}
.drop-preview{background:#e7e4dc}
.drop-preview-poster{background:#dbd7cd}
.asryo-gallery{background:#1a1a1a}
.asryo-gallery-item{background:#2b2b2b}
.asryo-tee-section{background:#f4f1e9}
.asryo-tee-photo{background:#e1ded6}
.asryo-tee-card{background:transparent}
.collection-section{background:#f7f5f0}
.story{background:#e4e0d7}
.story-copy{background:#eae6df}
.service-section{background:#f5f2eb}
.footer{background:#e6e2da}
@media(max-width:760px){.hero-copy{background:#f2eee7}.asryo-tee-section{background:#f4f1e9}}

/* ASRYO Dream Future product preview. Visual-only listing; no checkout links. */
.asryo-feature-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(270px,1.04fr);gap:16px;align-items:stretch;margin:0 0 54px;padding:17px;background:#e9e4dc;border:1px solid #ded6cc}
.asryo-feature-shot{position:relative;margin:0;min-width:0;background:#e3ded6;overflow:hidden}
.asryo-feature-shot a{display:block;width:100%;height:100%}
.asryo-feature-shot img{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;transition:transform .4s ease}
.asryo-feature-shot a:hover img{transform:scale(1.025)}
.asryo-feature-shot figcaption{position:absolute;bottom:13px;left:13px;padding:8px 11px;background:#f8f5eddf;color:#181818;font:700 9px/1 Arial,sans-serif;letter-spacing:.12em;pointer-events:none}
.asryo-feature-copy{padding:clamp(16px,3vw,48px) clamp(12px,2.3vw,32px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.asryo-feature-copy h3{font:900 clamp(46px,5.2vw,88px)/.89 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.045em;margin:18px 0 25px;color:#161313}
.asryo-feature-copy h3 em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.07em}
.asryo-feature-lede{font-size:13px;line-height:1.7;color:#333;max-width:370px;margin:0 0 18px}
.asryo-feature-subtext{font-size:11px;line-height:1.7;color:#6a625c;margin:0 0 15px;max-width:380px}
.asryo-feature-spec{display:flex;flex-wrap:wrap;gap:6px 15px;border-top:1px solid #c8beb2;padding-top:18px;margin-bottom:22px;color:#51483f;font-size:9px;letter-spacing:.08em;font-weight:700}
.asryo-feature-status{display:inline-block;padding:11px 15px;color:#fff;background:#241c1b;font:700 9px/1 Arial,sans-serif;letter-spacing:.16em;margin-bottom:14px}
@media(max-width:1000px){.asryo-feature-product{grid-template-columns:1fr 1fr}.asryo-feature-copy{grid-column:1/-1;padding:25px 14px}.asryo-feature-copy h3{font-size:clamp(50px,9vw,85px)}}
@media(max-width:680px){.asryo-feature-product{gap:8px;padding:8px;margin-bottom:37px}.asryo-feature-shot figcaption{font-size:8px;left:7px;bottom:7px;padding:6px}.asryo-feature-copy{padding:20px 11px 26px}.asryo-feature-copy h3{font-size:clamp(43px,13vw,68px);margin:13px 0 18px}.asryo-feature-lede{font-size:12px}}