/* Owner-approved Seen design. Enabled only during the Seen portal lifecycle. */
html{scroll-behavior:smooth;scroll-padding-top:110px}body.seen-mode{background:#111311;color:#f5f5ee;--seen-black:#141714;--seen-cream:#181d18}body.seen-mode header{position:absolute;inset:0 0 auto;z-index:30;background:transparent;padding:28px 4%;min-height:100px;border-bottom:1px solid #ffffff24}.seen-mode header .brand-logo{width:128px}.seen-mode nav{gap:22px}.seen-mode nav a{font:500 13px Arial,sans-serif}.brand-portal{display:none!important}.seen-mode .languages a[aria-current=page]{background:none;color:#ff6423;border-bottom:1px solid}.seen-mode .languages a{padding:7px}.seen-mode .seen-hero{display:block;position:relative;height:100svh;min-height:720px;max-height:1100px;background:#111;isolation:isolate}.motion-photos,.motion-photo,.motion-shade{position:absolute;inset:0}.motion-photo{width:100%;height:100%;object-fit:cover;object-position:center 53%;opacity:0;transform:scale(1.07);transition:opacity 1.2s ease,transform 8s linear}.motion-photo.active{opacity:1;transform:scale(1)}.motion-shade{background:linear-gradient(90deg,#0a120ec9,#0a120e35 70%),linear-gradient(0deg,#0a120eed,transparent 60%,#0a120e7a)}.motion-copy{position:relative;z-index:2;padding:210px 9% 170px;max-width:1080px}.motion-eyebrow{font:12px Arial,sans-serif;letter-spacing:4px;text-transform:uppercase;display:flex;align-items:center;gap:18px;color:#ffffffbc}.motion-eyebrow:before{content:'';width:38px;height:2px;background:#ff6423}.seen-hero .motion-copy h1{font-size:clamp(64px,8.2vw,120px);line-height:1.02;font-weight:500;margin:35px 0 24px;letter-spacing:-5px;max-width:960px}.motion-copy h1 span{color:#ff6423}.motion-copy>p{font:17px/1.7 Arial,sans-serif;max-width:480px;color:#f5f5eee0}.motion-links{display:flex;gap:30px;margin-top:34px;align-items:center}.motion-links a{font:14px Arial,sans-serif;padding:12px 0;border-bottom:1px solid #ffffff70;color:#fff}.motion-links a:first-child{color:#ff8c54;border-color:#ff6423}.motion-bottom{position:absolute;bottom:43px;inset-inline:4%;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:3;font:12px Arial,sans-serif;letter-spacing:2px}.motion-controls{display:flex;align-items:center;gap:20px}.motion-controls button{display:grid;place-items:center;background:transparent;border:1px solid #ffffff66;color:#fff;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:20px;transition:background .25s,border-color .25s}.motion-controls button:hover{background:#ff5100;border-color:#ff5100}.motion-controls button:focus-visible,.motion-dot:focus-visible{outline:3px solid #ff8c54;outline-offset:5px}.motion-dots{display:flex;gap:8px}.motion-dot{position:relative;width:32px;height:44px;background:transparent;border:0;padding:0;cursor:pointer}.motion-dot::after{content:'';position:absolute;inset:20px 0 21px;background:#ffffff4a}.motion-dot.active::after{background:#ff6423}.motion-social{position:absolute;right:32px;top:50%;z-index:3;writing-mode:vertical-rl;font:12px Arial,sans-serif;letter-spacing:3px}.motion-pause{font-size:13px!important}.seen-marquee{background:#ff5100;color:#101910;padding:18px 0}.seen-marquee div{font-size:12px;letter-spacing:4px;animation-duration:45s}.seen-section{padding:120px 8%}.seen-section .seen-kicker{color:#ff8750;font-size:12px;letter-spacing:3px}.seen-section h2{font-size:clamp(40px,5vw,74px);font-weight:400;line-height:1.14;letter-spacing:-2px}.seen-story{background:#111311;gap:12%;border-bottom:1px solid #ffffff15}.seen-story>p{font-size:18px;color:#b9bdb6;line-height:1.95}.seen-gallery{background:#111311}.seen-gallery-head{margin-bottom:45px}.seen-gallery-head>p{color:#acb3aa}.seen-gallery-grid{display:flex;gap:22px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-color:#ff5100 #262d26}.seen-gallery-grid figure{flex:0 0 29%;height:430px;scroll-snap-align:start;overflow:hidden;margin:0}.seen-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.seen-gallery-grid figure:hover img{transform:scale(1.06)}.seen-essence{background:#e94c0a;color:#171b15}.seen-essence .seen-kicker{color:#171b15}.seen-essence-grid h2{font-size:clamp(60px,8vw,112px)}.seen-values{background:#191f19}.seen-value-grid{border-color:#ffffff30}.seen-value-grid article{background:none!important;min-height:280px;padding:25px}.seen-value-grid article+article{border-color:#ffffff30}.seen-value-grid span{color:#6f9b77;font-size:14px}.seen-value-grid h3{font-weight:400}.seen-value-grid p{color:#b7c0b4}.seen-concepts{background:#101410}.seen-concept-grid{gap:1px;background:#ffffff2b;border:1px solid #ffffff2b}.seen-concept-grid article{background:#101410!important;color:#fff;transition:background .4s}.seen-concept-grid article:hover{background:#1d291e!important}.seen-concept-grid article::after{display:none}.seen-concept-grid h3{font-size:30px;font-weight:400}.seen-concept-grid p{color:#b9c4b8}.seen-daily{background:#eeeee7;color:#172218}.seen-daily .seen-kicker{color:#a53a10}.seen-daily-grid{gap:35px}.seen-daily-grid article{border:0;border-top:1px solid #17221840!important;padding:24px 0}.seen-daily-grid h3{font-size:25px}.seen-daily-grid span{color:#975333}.seen-button{border-radius:0;background:#172218}.seen-ceramics{background:#191f19;color:#f4f3ed}.seen-ceramics-intro,.seen-ceramics-copy>p{color:#bac4b9}.seen-ceramics-features article{border-color:#ffffff30}.seen-visit{background:#063e27;color:#fff}.seen-visit .seen-kicker{color:#9dca99}.seen-visit .seen-button{background:#ff6423;color:#111}.seen-mode footer{background:#0c120d;border-top:1px solid #ffffff25;padding:60px 8%}.motion-reveal{opacity:1;transform:none}.motion-ready .motion-reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.motion-ready .motion-reveal.in-view{opacity:1;transform:none}.motion-progress{position:fixed;top:0;left:0;height:2px;background:#ff6423;z-index:100;transform-origin:left;width:100%;transform:scaleX(0)}[dir=rtl] .motion-copy{margin-inline:0 auto}[dir=rtl] .motion-copy h1{letter-spacing:0;font-size:clamp(55px,6.5vw,90px);line-height:1.4}[dir=rtl] .motion-eyebrow{letter-spacing:0}[dir=rtl] .motion-social{right:auto;left:25px}
@media(max-width:1000px){.seen-mode header{padding:22px 5%;gap:20px}.seen-mode nav{display:none}.seen-mode .languages{margin-inline-start:auto}.motion-copy{padding-top:200px}.seen-gallery-grid figure{flex-basis:43%}.seen-section{padding:85px 6%}.motion-social{display:none}}
@media(max-width:700px){.seen-mode .seen-hero{min-height:700px;height:95svh}.motion-copy{padding:185px 7% 145px}.seen-hero .motion-copy h1{font-size:60px;letter-spacing:-2px;margin-top:28px}.motion-copy>p{font-size:16px;max-width:330px}.motion-eyebrow{font-size:11px;letter-spacing:2px}.motion-bottom{bottom:30px;inset-inline:7%;gap:10px}.motion-place{display:none}.motion-controls{gap:12px}.motion-controls button{width:44px;height:44px}.seen-gallery-grid figure{flex-basis:80%;height:390px}.seen-story{gap:35px}.seen-section h2{font-size:39px}.seen-value-grid{grid-template-columns:1fr 1fr}.seen-value-grid article{min-height:265px;padding:20px 15px}.seen-value-grid h3{font-size:25px}.seen-value-grid p{font-size:15px}.seen-daily-grid{grid-template-columns:1fr}.seen-hero .motion-copy h1[dir=rtl],[dir=rtl] .seen-hero .motion-copy h1{font-size:44px;letter-spacing:0}}
.motion-menu-toggle{display:none}
.motion-count{white-space:nowrap}
@media(max-width:700px){.motion-controls{gap:8px}}
@media(max-width:1000px){.motion-menu-toggle{display:block;background:none;color:#fff;border:1px solid #ffffff55;padding:9px 12px;font:14px Arial,sans-serif;cursor:pointer}.seen-mode nav.motion-nav-open{display:flex;position:absolute;top:100%;inset-inline:0;background:#111d16;padding:24px;flex-direction:column;align-items:stretch;gap:0;max-height:65vh;overflow:auto}.seen-mode nav.motion-nav-open a{padding:14px;border-bottom:1px solid #ffffff20}.seen-mode .languages{margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .motion-reveal{opacity:1;transform:none}}

.motion-atlas-link{color:#b9c4b8;font:13px Arial,sans-serif;white-space:nowrap}.motion-atlas-link:hover{color:#ff8750}

/* One quiet, consistent row; preserve every existing destination and label. */
.seen-mode .seen-social-row{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;margin-top:24px;width:max-content;max-width:100%;direction:ltr}
.seen-mode .seen-social-row .social-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;margin:0;border:1px solid #ffffff70;border-radius:50%;background:transparent;color:#fff;box-shadow:none;transform:none;transition:color .2s,border-color .2s,background .2s}
.seen-mode .seen-social-row .social-icon:hover{color:#141714;background:#ff6423;border-color:#ff6423}
.seen-mode .seen-social-row .social-icon:focus-visible{outline:2px solid #fff;outline-offset:4px;background:#ff6423;color:#141714}
.seen-mode .seen-social-row svg{width:22px;height:22px;display:block;fill:currentColor}
.seen-mode .seen-social-row .seen-outline-icon{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:360px){.seen-mode .seen-social-row{gap:10px}}

/* Explicit contrast for ceramic CTAs: the generic dark button must not win. */
.seen-mode .seen-ceramics :is(.seen-ceramics-cta,.ceramics-prices){background:#ff6423;color:#141714;border:1px solid #ff6423}
.seen-mode .seen-ceramics :is(.seen-ceramics-cta,.ceramics-prices):hover{background:#fff;color:#141714;border-color:#fff}
.seen-mode .seen-ceramics :is(.seen-ceramics-cta,.ceramics-prices):focus-visible{outline:3px solid #fff;outline-offset:4px}
.seen-mode .ceramics-prices svg{fill:currentColor}

/* Keep the original brand selector visible in the approved motion layout. */
.seen-mode header .brand-portal{display:inline-flex!important;order:0;background:#101910c9;border-color:#ffffff60}
.seen-mode header .brand-portal a{min-height:44px;display:flex;align-items:center;padding:8px 13px}
.seen-signature-characters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:65px;direction:ltr}
.seen-character{position:relative;aspect-ratio:650/1038;width:100%;max-width:260px;justify-self:center;overflow:hidden;background:#ff5100}
.seen-character:nth-child(2){background:#00b94f}
.seen-character img{position:absolute;top:0;left:-15.3846%;width:368.9231%;height:100%;max-width:none;mix-blend-mode:multiply}
.seen-character-1 img{left:-120%}.seen-character-2 img{left:-218.4615%}
.seen-mode .seen-essence-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:6%}
.seen-mode .seen-essence-grid h2{font-size:clamp(42px,5.8vw,88px);overflow-wrap:anywhere}
.seen-mode .seen-essence-grid .seen-spiral{display:none}
@media(max-width:700px){.seen-mode .seen-essence-grid{grid-template-columns:1fr}.seen-mode .seen-essence-grid h2{font-size:clamp(36px,10vw,65px)}}
@media(max-width:1180px){.seen-mode header{display:grid;grid-template-columns:auto 1fr auto;gap:12px 20px;padding:16px 5%}.seen-mode header .wordmark{grid-column:1;grid-row:1}.seen-mode header .languages{grid-column:2;grid-row:1;justify-self:end}.seen-mode .motion-menu-toggle{display:block;grid-column:3;grid-row:1;background:transparent;color:white;border:1px solid #ffffff55;padding:10px}.seen-mode header .brand-portal{grid-column:1 / -1;grid-row:2;justify-self:center}.seen-mode #nav{display:none}.seen-mode #nav.motion-nav-open{display:flex;position:absolute;top:100%;inset-inline:0;background:#111d16;padding:24px;flex-direction:column;align-items:stretch;gap:0;max-height:65vh;overflow:auto}.seen-mode #nav.motion-nav-open a{padding:14px;border-bottom:1px solid #ffffff20}}
@media(max-width:700px){.seen-mode header .brand-logo{width:104px}.seen-mode header{gap:10px}.seen-signature-characters{gap:12px;margin-top:38px;grid-template-columns:1fr}.seen-character{width:100%;max-width:290px;max-height:none;justify-self:center}.seen-mode .motion-copy{padding-top:210px}}