*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#171713;background:#fcfcf8;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}a:focus-visible,button:focus-visible{outline:3px solid #678343;outline-offset:4px}.announcement{background:#20221b;color:#fff;font-size:10px;letter-spacing:2px;padding:12px 5%;display:flex;justify-content:space-between}.announcement span{letter-spacing:1px}header{height:92px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcdcd3;background:#fcfcf8;position:sticky;top:0;z-index:5}.brand img{height:65px;width:65px;object-fit:contain}nav{display:flex;gap:34px;font-size:13px}#bagButton{border:1px solid #bcbdb2;border-radius:30px;padding:11px 20px;font-size:13px}#count{margin:0 8px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.hero-copy{padding:60px 10% 30px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;line-height:1.6}h1{font-size:clamp(65px,7.5vw,115px);letter-spacing:-7px;line-height:.94;margin:30px 0}h1 em{font-style:normal;color:#67764e}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:325px;color:#626458}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:#24271e;color:white;padding:18px 25px;font-size:12px;border:0}.hero-copy .button{margin-top:18px}.hero-bottom{font-size:9px;letter-spacing:2px;margin-top:45px}.hero-image{background:#e7e9de;position:relative;display:flex;align-items:center;padding:45px}.hero-image>img{width:100%;mix-blend-mode:multiply}.edition{position:absolute;top:30px;left:35px;font-size:10px;letter-spacing:2px}.image-caption{position:absolute;bottom:28px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.ticker{background:#e0e5cd;padding:23px;text-align:center;font-size:14px;letter-spacing:3px;word-spacing:7px}.ticker span{margin:0 35px}.shop{padding:75px 5%}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-size:48px;letter-spacing:-2px;margin:10px 0;font-weight:500}.section-title h2 span{color:#79865d}.section-title>p{font-size:13px;line-height:1.7;color:#6d6e62}.tools{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid #d4d6ca;padding-bottom:22px}.categories{display:flex;gap:8px}.categories button{border:1px solid #d7d9ce;padding:10px 17px;border-radius:25px;font-size:12px}.categories .active{background:#25291f;color:#fff;border-color:#25291f}.searches{display:flex;gap:8px}input,select{border:1px solid #d0d2c5;background:transparent;padding:12px;min-width:0;font-size:12px}.results{display:flex;justify-content:space-between;font-size:10px;color:#777b6a;padding:20px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 20px}.card{text-align:left;padding:0;display:block;width:100%}.photo{position:relative;background:#f0f0e9;aspect-ratio:1;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain;transition:transform .3s;mix-blend-mode:multiply}.card:hover img{transform:scale(1.05)}.photo span{position:absolute;left:12px;top:12px;font-size:8px;letter-spacing:1px;background:#fcfcf8;padding:7px}.photo b{position:absolute;right:12px;bottom:12px;background:white;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-weight:normal}.card h3{font-size:14px;margin:16px 0 7px;font-weight:500}.card p{font-size:11px;margin:6px 0;color:#737769}.card .price{color:#323b28;font-size:11px;margin-top:13px}.placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#8b8f7c;font-size:12px}.placeholder strong{font-size:32px;letter-spacing:-2px;color:#a8ad98}.outline{border:1px solid #b3b9a4;padding:16px 30px;font-size:12px;display:block;margin:40px auto 0}.editorial{background:#262b20;color:#f1f1e6;display:grid;grid-template-columns:1fr 1fr;align-items:center}.editorial>div{padding:60px 10%}.editorial h2{font-size:55px;line-height:1.05}.editorial p:not(.eyebrow){font-size:13px;line-height:1.8;color:#d0d5c6}.editorial img{width:100%;height:450px;object-fit:contain;background:#e9eae2;mix-blend-mode:screen}.light{background:#e0e5cd;color:#24271e;margin-top:20px}.how{display:grid;grid-template-columns:repeat(3,1fr);padding:60px 5%;gap:50px}.how b{font-size:10px;letter-spacing:1px}.how p{font-size:12px;color:#777b6a;line-height:1.8}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d5d8ca;font-size:12px}footer img{width:85px}footer small{font-size:10px;line-height:1.7;color:#777b6a}dialog{border:0;background:#fcfcf8;padding:40px;width:min(850px,92vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#1118;backdrop-filter:blur(3px)}.close{position:absolute;right:14px;top:10px;font-size:30px;z-index:2}#detail{display:grid;grid-template-columns:1fr 1fr;gap:30px}#detail .photo{align-self:start}#detail h2{font-size:33px}#detail p{font-size:12px;line-height:1.7;color:#737769}.sizes{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.sizes button{border:1px solid #c5cbb9;font-size:11px;padding:10px}.sizes button.selected{background:#25291f;color:white}.note{font-size:12px;line-height:1.7;color:#727765}label{display:block;font-size:12px;margin:15px 0}label input{display:block;width:100%;margin-top:7px}.bagline{display:flex;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid #d5d8ca;font-size:12px}.bagline img{width:70px;height:70px;object-fit:contain}.bagline div{flex:1}.bagline button{font-size:12px;text-decoration:underline}#bag{width:min(580px,92vw)}#bag h2{font-size:35px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#25291f;color:#fff;padding:15px 30px;z-index:30;display:none;font-size:12px}@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}h1{letter-spacing:-4px}.hero{min-height:540px}.hero-copy{padding:40px 8%}.hero-image{padding:15px}.ticker{font-size:10px}.ticker span{margin:0 10px}}@media(max-width:600px){.announcement{font-size:8px}.announcement span{display:none}header{height:75px}.brand img{width:50px;height:50px}nav{gap:12px;font-size:10px}nav a:nth-child(3){display:none}#bagButton{padding:9px 10px;font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 6%}.hero h1{font-size:76px;margin:20px 0}.hero h1 br:nth-child(2){display:none}.hero-image{height:340px;padding:30px}.hero-image>img{height:100%;object-fit:contain}.hero-bottom{margin-top:25px}.image-caption{font-size:7px}.ticker{font-size:8px;letter-spacing:1px;word-spacing:0}.ticker span{margin:0 7px}.shop{padding:40px 5%}.section-title{display:block}h2{font-size:38px}.section-title>p{font-size:12px}.tools,.searches{width:100%}.searches input{flex:1;width:55%}.categories{gap:5px}.categories button{padding:9px 12px;font-size:10px}.grid{grid-template-columns:repeat(2,1fr);gap:25px 12px}.card h3{font-size:12px}.editorial{grid-template-columns:1fr}.editorial h2{font-size:42px}.editorial img{height:300px}.how{grid-template-columns:1fr;gap:16px;padding:35px 5%}footer{flex-wrap:wrap;gap:25px}footer small{width:100%}#detail{grid-template-columns:1fr}dialog{padding:30px 20px}.results{font-size:9px}.placeholder strong{font-size:26px}}

/* IKONIK colour studio */
:root{--ink:#192344;--blue:#364af2;--lime:#dcf879;--lilac:#e5dcff;--wash:#faf9ff}body,header,dialog{background:#faf9ff;color:var(--ink)}.announcement{background:var(--blue)}header{border-color:#dddff3}h1 em{color:var(--blue)}.hero-copy{background:#eee9ff}.hero-image{background:#b9c9ff;border-bottom-left-radius:80px}.hero-image>img{mix-blend-mode:normal;border-radius:28px;transform:rotate(-6deg);box-shadow:15px 25px 60px #172b7c30}.button{background:var(--blue);border-radius:30px;font-weight:bold}.ticker{background:var(--lime);color:var(--ink)}.categories .active{background:var(--blue);border-color:var(--blue)}.photo{border-radius:22px;background:#e7edff}.card:nth-child(4n+2) .photo{background:#eee2ff}.card:nth-child(4n+3) .photo{background:#e7f3d5}.card:nth-child(4n) .photo{background:#ffe6de}.card .price{color:var(--blue)}.section-title h2 span{color:var(--blue)}.editorial{background:var(--blue);border-radius:40px;margin:0 3%;overflow:hidden}.editorial img{mix-blend-mode:normal}.light{background:var(--lime);color:var(--ink)}.sizes button.selected{background:var(--blue)}button:disabled{opacity:.55;cursor:not-allowed}dialog{border-radius:25px;box-shadow:0 30px 100px #17234f55}#accountButton{padding:10px;font-size:12px}#account,#assistant{width:min(520px,94vw)}.chat-fab{position:fixed;right:22px;bottom:22px;border-radius:35px;background:var(--lime);color:var(--ink);padding:18px 24px;font-weight:bold;box-shadow:0 5px 30px #16224830;z-index:8}.quick{display:flex;gap:8px;flex-wrap:wrap}.quick button{background:var(--lilac);border-radius:20px;padding:10px 15px}.bubble{padding:14px;border-radius:16px;background:#e9edff;font-size:13px;line-height:1.6;margin:10px 0}.bubble.you{background:var(--lime)}.order{padding:15px;border:1px solid #dce0f5;border-radius:15px;margin:15px 0}.order small{display:block;line-height:1.8}#toast{border-radius:20px;background:var(--ink);max-width:90vw;width:max-content}#chatLog{max-height:240px;overflow:auto}@media(max-width:600px){header{padding:10px 4%;gap:5px}nav{gap:9px}nav a:nth-child(n+2){display:none}#accountButton{font-size:10px}.hero h1{font-size:64px}.hero-image{border-radius:0 0 40px 40px}.chat-fab{right:12px;bottom:12px;padding:14px 18px;font-size:12px}h1{letter-spacing:-4px}}

/* full-v1 */
html{scroll-padding-top:90px}body{background:radial-gradient(ellipse 80% 38% at 74% 0%,#c9cffc 0%,transparent 70%),radial-gradient(ellipse 70% 45% at 0% 34%,var(--lilac) 0%,transparent 72%),linear-gradient(180deg,#faf9ff,#f3f0ff 48%,#faf9ff);background-attachment:fixed;font-family:Inter,"Helvetica Neue",Arial,sans-serif}header{height:68px;padding:0 5%;background:#faf9ffe0;backdrop-filter:blur(12px)}
.hero{display:block;position:relative;height:min(760px,calc(100vh - 100px));min-height:580px;overflow:hidden;background:radial-gradient(ellipse 55% 65% at 64% 52%,#fff 0%,var(--lilac) 38%,#c9cffc 72%,#a9b6fb 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 64% 50%,transparent 0 30%,#364af20f 31% 31.2%,transparent 31.4% 44%,#364af20c 44.2% 44.4%,transparent 44.6%)}.hero-stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 20%,#fff,transparent),radial-gradient(1px 1px at 82% 14%,#fff,transparent),radial-gradient(2px 2px at 90% 70%,#fff,transparent),radial-gradient(1px 1px at 46% 86%,#fff,transparent);opacity:.9}.hero-copy{position:absolute;z-index:3;left:7%;top:12%;max-width:48%;background:none;padding:0}.hero-copy .eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background:var(--blue);margin-right:12px;vertical-align:middle}.hero h1{font-family:Oswald,"Arial Narrow",Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(58px,8vw,112px);letter-spacing:-2px;line-height:.9;margin:26px 0 24px}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;max-width:340px;color:var(--ink);opacity:.78}.hero-copy .button{margin-top:28px;min-height:54px;box-shadow:0 14px 30px -10px #364af28c}.hero-stage{position:absolute;z-index:2;left:50%;top:50%;width:min(570px,48vw);transform:translate(-2%,-52%);perspective:1200px}.hero-stage img{display:block;width:100%;height:auto;filter:drop-shadow(0 40px 40px #19234447) drop-shadow(0 8px 10px #364af22e);animation:shoe-float 7s ease-in-out infinite}.hero-shadow{position:absolute;left:12%;right:12%;bottom:0;height:8%;border-radius:50%;background:radial-gradient(ellipse,#19234450,#364af214 55%,transparent 72%);filter:blur(8px)}@keyframes shoe-float{50%{transform:translateY(-12px) rotate(-2deg)}}
.ticker{overflow:hidden;white-space:nowrap;padding:18px 0;font-weight:700;letter-spacing:.2em}.ticker-track{display:inline-block;padding-left:100%;animation:marquee 28s linear infinite}.ticker span{margin:0 2.5rem}@keyframes marquee{to{transform:translateX(-100%)}}.shop{max-width:1400px;margin:auto}.shop .section-title h2,.editorial h2,.how h3{font-family:Oswald,"Arial Narrow",Arial,sans-serif;text-transform:uppercase}.grid{gap:28px 20px}.grid .photo{display:flex;align-items:center;justify-content:center;padding:18px;transition:transform .3s,box-shadow .3s}.grid .card:hover .photo{transform:translateY(-5px);box-shadow:0 24px 40px -18px #19234447}.grid .photo img{width:88%;height:88%;object-fit:contain}.grid .card h3{font-weight:600}.grid .card .price{font-weight:700;letter-spacing:.04em}.editorial{min-height:420px}.editorial>div{padding:64px 10%}.editorial .eyebrow{color:var(--lime)}.editorial h2{font-size:clamp(36px,4.5vw,56px);line-height:1.05;text-transform:uppercase}.editorial img{height:100%;min-height:380px;object-fit:contain;padding:36px;background:linear-gradient(135deg,#b9c9ff,#eee2ff)}.how{max-width:1400px;margin:auto;gap:24px}.how>div{background:#ffffffa8;border:1px solid #19234412;border-radius:26px;padding:28px;backdrop-filter:blur(8px)}.how b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--lilac);color:var(--blue);font-size:14px}.how>div:nth-child(2) b{background:#e7f3d5;color:#3a5a1a}.how>div:nth-child(3) b{background:#ffe6de;color:#8a3a20}.how h3{font-size:20px;margin:12px 0 8px}.how p{font-size:13px} .mobile-enquire{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-stage img,.ticker-track{animation:none!important}.grid .photo,.grid .photo img{transition:none}}
@media(max-width:600px){header{height:58px}.hero{height:auto;min-height:720px;padding-bottom:110px;background:radial-gradient(ellipse 100% 55% at 50% 78%,#fff 0%,var(--lilac) 38%,#c9cffc 72%,#a9b6fb 100%)}.hero:before{display:none}.hero-copy{left:20px;right:20px;top:24px;max-width:none}.hero h1{font-size:52px;letter-spacing:-1px;margin:12px 0 14px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:290px}.hero-copy .button{margin-top:18px}.hero-stage{left:50%;top:auto;bottom:70px;width:min(300px,72vw);transform:translateX(-46%)}.hero-stage img{animation:none}.hero-shadow{bottom:-9%;height:20%}.ticker{font-size:11px;padding:14px 0}.ticker-track{animation-duration:34s}.shop{padding:48px 0 120px}.shop .section-title{padding:0 20px;margin-bottom:22px}.shop .section-title>p{display:none}.tools{padding:0 20px 18px}.categories{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.categories button{flex:0 0 auto}.searches{width:100%}.searches input{flex:1;width:auto}.grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:8px 20px 28px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.grid::-webkit-scrollbar{display:none}.grid .card{flex:0 0 78%;scroll-snap-align:center}.grid .photo{aspect-ratio:1/1.05;border-radius:28px;box-shadow:0 18px 36px -16px #19234438}.grid .card h3{font-size:17px;margin:18px 0 6px}.grid .card .price{font-size:13px}.editorial{border-radius:28px;margin:0 14px;min-height:0;grid-template-columns:1fr}.editorial>div{padding:36px 28px 28px}.editorial img{min-height:240px;height:240px;padding:24px}.how{grid-template-columns:1fr;gap:14px;padding:24px 20px 100px}.how>div{padding:24px 22px;border-radius:22px}footer{padding-bottom:110px}.mobile-enquire{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:20;background:#192344ed;backdrop-filter:blur(16px);color:#fff;border-radius:999px;padding:8px 8px 8px 20px;align-items:center;justify-content:space-between;box-shadow:0 16px 40px #19234459;gap:10px;font-size:12px;font-weight:600}.mobile-enquire b{background:var(--lime);color:var(--ink);padding:14px 18px;border-radius:999px;white-space:nowrap}.chat-fab{bottom:88px}}

.hero-copy .button{gap:14px}.hero-copy .button span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:14px}
