/* CLUB 63 — campaign variant / warm material surrealism. Shared UI: club63.css. */
:root{--paper:#eae3d7;--linen:#dcd0bf;--ink:#30251d;--muted:#75634f;--copper:#986743;--wood:#30241a;--line:#a68a664d}
body{background:var(--paper)}.campaign-header{height:103px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.campaign-header .identity img{width:57px;height:48px}.campaign-header .identity>span{font-size:20px}.campaign-header nav{display:flex;gap:32px;font-size:11px}.campaign-header nav a{padding:8px 0;transition:color .2s}.campaign-header nav a:hover{color:var(--copper)}.campaign-header .text-link{font-size:11px;gap:29px}.campaign-header .menu-toggle{display:none}
.campaign{position:relative;min-height:660px;height:calc(100svh - 125px);max-height:1000px;margin:0 22px;background:#463424;color:#f2eadc;isolation:isolate;overflow:hidden}.campaign-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:59% 57%;z-index:-3}.campaign:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b130cdc 0%,#261b1155 39%,transparent 68%),linear-gradient(0deg,#19130cc4,transparent 42%);z-index:-2}.campaign-top{position:absolute;top:31px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#e3d2ba}.campaign-top span:last-child{display:flex;align-items:center;gap:12px}.campaign-top span:last-child:before{content:'';width:28px;height:1px;background:#d7c2a3}.campaign-copy{position:absolute;top:26%;left:6%;right:10%;pointer-events:none}.campaign h1{font-family:var(--serif);font-size:clamp(78px,8.3vw,136px);line-height:.87;letter-spacing:-.04em;font-weight:400;margin:0;max-width:880px}.campaign h1 em{color:#d5b896;font-size:1.03em}.campaign-copy>p{font-size:13px;line-height:1.85;margin-top:35px;color:#decfbe;max-width:300px}.campaign-bottom{position:absolute;bottom:34px;left:34px;right:34px;display:flex;align-items:end;justify-content:space-between;gap:25px}.campaign-note{display:flex;align-items:center;gap:18px;font-size:9px;line-height:1.7;letter-spacing:.02em;color:#ded1bf}.campaign-note .note-line{height:40px;width:1px;background:#e2ccb177}.campaign-note b{font-family:var(--serif);font-size:39px;font-weight:400;line-height:1}.campaign-bottom .button{background:#eae0ce;color:#39271a;border-color:#eae0ce;padding:18px 28px;gap:42px}.campaign-bottom .button:hover{background:#fff8ec}.image-credit{position:absolute;right:13px;top:50%;writing-mode:vertical-rl;font-size:7px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.frame-index{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line);padding:29px 0}.frame-index article{padding-inline:28px;border-right:1px solid var(--line);display:grid;grid-template-columns:27px 1fr;gap:15px;align-items:baseline}.frame-index article:first-child{padding-left:0}.frame-index article:last-child{border-right:0;padding-right:0}.frame-index span{font:400 18px var(--serif);color:var(--copper)}.frame-index h2{font:500 12px var(--sans);letter-spacing:.02em}.frame-index p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:8px}.campaign-intro{padding:107px 0 105px;display:grid;grid-template-columns:1.3fr .7fr;gap:11%;align-items:end}.campaign-intro h2{font-size:clamp(49px,5.7vw,84px);line-height:1.02}.campaign-intro .kicker{margin-bottom:25px}.campaign-intro>div:last-child{padding-bottom:5px}.campaign-intro p:not(.kicker){font-size:13px;line-height:1.95;color:var(--muted)}.campaign-intro .text-link{margin-top:25px;font-size:11px}.material-story{display:grid;grid-template-columns:1.08fr 1fr;gap:9%;align-items:center;padding:0 0 106px}.material-frame{position:relative;margin:0}.material-frame button{display:block;padding:0;border:0;width:100%;background:#b49774;overflow:hidden}.material-frame img{width:100%;height:715px;object-fit:cover;object-position:50% 53%;transition:transform 1s}.material-frame button:hover img{transform:scale(1.025)}.material-frame button:focus-visible{outline-offset:5px}.material-frame .frame-tag{position:absolute;top:23px;left:25px;color:#ffeed9;font-size:8px;letter-spacing:.15em;text-transform:uppercase;pointer-events:none;text-shadow:0 1px 8px #433523}.material-frame .frame-zoom{position:absolute;bottom:23px;right:23px;width:40px;height:40px;display:grid;place-items:center;background:#f2eadd;color:#3c2b1d;border-radius:50%;pointer-events:none;font-size:21px}.material-frame figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:17px;font-size:8px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.material-copy{padding-top:15px}.material-copy>.kicker{margin-bottom:30px}.material-copy h2{font-size:clamp(50px,5.4vw,78px);line-height:.99}.material-copy>p:not(.kicker){color:var(--muted);max-width:320px;font-size:13px;line-height:1.9;margin-top:28px}.senses{margin-top:36px;counter-reset:senses}.senses article{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;gap:13px}.senses article:before{counter-increment:senses;content:'0'counter(senses);font:400 17px var(--serif);color:var(--copper)}.senses h3{font:500 25px/1.05 var(--serif)}.senses p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:7px}
.programs{--muted:#bcac98;--copper:#c69d76;--line:#c6a47e40;background:#2c2119;color:#eee5d9;padding-block:95px}.programs .section-head{margin-bottom:48px}.programs .section-head h2{font-size:clamp(51px,5.5vw,80px)}.programs .program-layout{grid-template-columns:.76fr 1.24fr;gap:7%}.programs .program-portrait img{height:485px;object-position:69% center;filter:saturate(.88)}.programs .program-portrait figcaption{bottom:19px;left:21px;right:21px;font-size:8px}.programs .program-portrait>p{font-size:28px;color:#ad9a81}.programs .program-item,.programs .program-list{border-color:#e8ceb329}.programs .program-item summary strong{font-family:var(--serif);font-weight:400;font-size:39px}.programs .program-item summary .summary-meta{font-size:11px;color:#ad9a81}.programs .program-item summary{padding-block:24px}.programs .program-item[open] summary{padding-bottom:15px}.programs .program-body>p{color:#c4b4a0}.programs .program-body .program-status{color:#b5916d}.programs .expander:before,.programs .expander:after{background:#e6d6c4}.programs .program-price-row>span{color:#f1e7d8}.programs .text-link{border-color:#b99470}.programs .program-note p{color:#a39077}.programs .program-body{padding-bottom:30px}
.gift-campaign{padding-block:106px;display:grid;grid-template-columns:.88fr 1.12fr;gap:9%;align-items:center}.gift-campaign .gift-copy h2{font-size:clamp(51px,5.4vw,78px)}.gift-campaign .gift-copy p{max-width:320px}.gift-campaign .gift-art{min-height:435px;background:#c5ad90}.gift-campaign .gift-art:before{background:linear-gradient(125deg,transparent 45%,#f8e6c82a 45% 57%,transparent 57%),repeating-linear-gradient(45deg,#604b3b10 0 1px,transparent 1px 4px);transform:none}.gift-campaign .gift-card{width:86%;transform:rotate(-4deg);padding:34px 31px;background:#eee6d8}.gift-campaign .gift-envelope{background:#8f6a47;transform:rotate(8deg);height:64%}.gift-campaign .gift-art:hover .gift-card{transform:rotate(-1deg) translateY(-3px)}.gift-campaign .gift-card-title{font-size:43px;line-height:1.05}.gift-campaign .gift-card-top img{width:60px}
.campaign-close{margin:0 22px;background:#463021;color:#efe4d4;position:relative;overflow:hidden;isolation:isolate;padding:82px 7%;display:flex;align-items:end;justify-content:space-between;gap:45px}.campaign-close:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 140%,#ae805a66,transparent 57%)}.campaign-close .kicker{color:#b69b7b;margin-bottom:24px}.campaign-close h2{font-size:clamp(53px,6.4vw,91px);line-height:.95}.campaign-close h2 em{color:#c8a582}.campaign-close>div:last-child{max-width:250px;padding-bottom:4px}.campaign-close>div:last-child>p{font-size:12px;color:#c6b098;line-height:1.8;margin-bottom:23px}.campaign-close .button{background:#e6d6bf;border-color:#e6d6bf;color:#34251b;font-size:11px}.campaign-close .button:hover{background:#f6ead6}.footer{padding-top:35px;padding-bottom:35px}.practical{padding-top:0;padding-bottom:94px;border-top:0}.practical h2{font-size:clamp(49px,4.8vw,69px)}.practical .questions{border-top:1px solid var(--line)}
.art-viewer{background:#261d17;color:#ece2d3;width:min(1020px,calc(100% - 30px));padding:24px;max-height:94dvh}.art-viewer .close{z-index:2;background:#f3e9d9;color:#38271d;border-radius:50%;top:15px;right:15px}.art-viewer img{width:100%;height:70dvh;object-fit:contain;background:#211a15}.art-viewer>p:not(.kicker){font-size:12px;color:#cdbda9;margin:17px 5px 1px;max-width:710px}.art-viewer .kicker{color:#bb9874;margin:17px 5px 0}.art-viewer h2{font-size:0;height:0;overflow:hidden;margin:0}.concept-note{font-size:10px!important}.gift-preview .gift-card-title{line-height:1.1}.gift-preview .gift-card-bottom{line-height:1.7}
.campaign{min-height:560px}
@media(min-width:1650px){.campaign-copy{left:7%;top:29%}.campaign-image{object-position:center 54%}.campaign-copy>p{font-size:15px;max-width:335px}.campaign-header{height:115px}.campaign{height:calc(100svh - 137px)}}
@media(max-width:1100px){.campaign-header{height:92px}.campaign-header nav{gap:22px}.campaign-header>.text-link{display:none}.campaign{margin-inline:16px;min-height:610px;height:calc(100svh - 108px)}.campaign-copy{left:5%;top:29%}.campaign h1{font-size:9vw}.campaign-copy>p{font-size:12px;margin-top:27px;max-width:280px}.campaign-top{left:25px;right:25px}.campaign-bottom{left:25px;right:25px;bottom:27px}.campaign-bottom .button{padding:16px 20px;gap:25px}.campaign-note{font-size:8px}.campaign-intro{gap:7%;padding-block:82px}.frame-index article{padding-inline:20px;gap:10px;grid-template-columns:22px 1fr}.frame-index p{font-size:9px}.material-story{gap:6%;padding-bottom:83px}.material-frame img{height:650px}.material-copy h2{font-size:57px}.material-copy>p:not(.kicker){font-size:12px}.senses{margin-top:27px}.senses article{padding-block:16px}.programs{padding-block:81px}.programs .program-layout{gap:5%}.programs .program-item summary strong{font-size:33px}.programs .program-item summary .summary-meta{font-size:10px}.programs .program-portrait img{height:455px}.gift-campaign{padding-block:82px;gap:6%}.gift-campaign .gift-card{padding:28px 25px;width:92%}.gift-campaign .gift-card-title{font-size:37px}.gift-campaign .gift-card-top img{width:50px}.campaign-close{margin-inline:16px;padding:70px 5%}.practical{padding-bottom:81px}}
@media(max-width:760px){.campaign-header{height:85px;padding-inline:22px}.campaign-header .identity{gap:12px}.campaign-header .identity img{width:49px;height:43px}.campaign-header .identity>span{font-size:18px}.campaign-header nav{display:none}.campaign-header .menu-toggle{display:flex;font-size:11px}.campaign{margin-inline:10px;min-height:760px;height:calc(100svh - 95px);max-height:980px}.campaign-image{object-position:64% center}.campaign:before{background:linear-gradient(180deg,#24190dc9,transparent 43%,#21170dbc 88%),linear-gradient(90deg,#251a1330,transparent 65%)}.campaign-top{top:24px;left:19px;right:19px;font-size:6px;letter-spacing:.11em;gap:15px}.campaign-top span:last-child{gap:7px;font-size:6px}.campaign-top span:last-child:before{width:12px}.campaign-copy{left:22px;right:15px;top:98px}.campaign h1{font-size:clamp(56px,14.9vw,88px);line-height:.88;letter-spacing:-.035em}.campaign h1 em{display:inline-block;font-size:.97em}.campaign-copy>p{font-size:12px;max-width:258px;line-height:1.8;margin-top:24px;color:#e3d4c0}.campaign-bottom{left:21px;right:21px;bottom:27px;display:block}.campaign-note{font-size:8px;gap:13px;margin-bottom:23px;max-width:260px}.campaign-note b{font-size:30px}.campaign-note .note-line{height:29px}.campaign-bottom .button{width:100%;justify-content:space-between;padding:17px 19px;font-size:11px}.image-credit{font-size:6px;right:8px;top:49%}.frame-index{display:block;padding-block:22px}.frame-index article{display:grid;padding:15px 0;border-right:0;border-bottom:1px solid var(--line);grid-template-columns:28px 1fr;gap:13px}.frame-index article:last-child{border-bottom:0}.frame-index article:first-child{padding-top:0}.frame-index article:last-child{padding-bottom:0}.frame-index h2{font-size:11px}.frame-index p{font-size:10px;margin-top:5px}.frame-index span{font-size:18px}.campaign-intro{display:block;padding-block:62px}.campaign-intro h2{font-size:46px}.campaign-intro .kicker{font-size:8px}.campaign-intro>div:last-child{margin-top:27px}.campaign-intro p:not(.kicker){font-size:13px;max-width:360px}.material-story{display:flex;flex-direction:column;gap:35px;padding-bottom:63px;align-items:stretch}.material-frame img{height:490px;object-position:center}.material-frame .frame-tag{font-size:7px;left:20px;top:20px}.material-frame figcaption{font-size:7px;line-height:1.7}.material-copy{padding:0}.material-copy>.kicker{margin-bottom:22px}.material-copy h2{font-size:49px}.material-copy>p:not(.kicker){font-size:13px;max-width:340px;margin-top:23px}.senses{margin-top:27px}.senses article{padding-block:17px}.senses h3{font-size:26px}.senses p{font-size:12px}.programs{padding-block:63px}.programs .section-head h2{font-size:48px}.programs .section-head{margin-bottom:30px}.programs .program-layout{display:block}.programs .program-portrait img{height:255px;object-position:65% center}.programs .program-item summary strong{font-size:31px}.programs .program-item summary .summary-meta{font-size:9px}.programs .program-item summary{padding-block:22px}.programs .program-body{padding-bottom:24px}.programs .program-price-row>span{font-size:16px}.programs .program-portrait figcaption{font-size:7px}.gift-campaign{display:flex;flex-direction:column;gap:31px;align-items:stretch;padding-block:62px}.gift-campaign .gift-copy h2{font-size:50px}.gift-campaign .gift-art{min-height:350px}.gift-campaign .gift-card{padding:27px 23px;width:93%}.gift-campaign .gift-card-title{font-size:37px}.gift-campaign .gift-card-top img{width:47px}.campaign-close{margin-inline:10px;padding:55px 22px;display:block}.campaign-close h2{font-size:55px}.campaign-close>div:last-child{max-width:300px;margin-top:27px}.campaign-close>div:last-child>p{font-size:12px}.campaign-close .button{width:100%;justify-content:space-between}.practical{padding-top:0;padding-bottom:62px;gap:30px}.practical h2{font-size:46px}.footer{padding-block:30px}.art-viewer{padding:13px;width:calc(100% - 18px)}.art-viewer img{height:61dvh}.art-viewer>p:not(.kicker){font-size:11px}.art-viewer .kicker{font-size:8px}.art-viewer .close{width:33px;height:33px;font-size:26px;top:17px;right:17px}}
@media(max-width:360px){.campaign h1{font-size:53px}.campaign-copy{left:18px;right:13px}.campaign-top{left:18px;right:17px}.campaign-top span:last-child{display:none}.campaign-copy>p{max-width:225px;font-size:11px}.campaign-note{font-size:7px}.campaign-intro h2{font-size:41px}.material-frame img{height:440px}.gift-campaign .gift-card-title{font-size:31px}.gift-campaign .gift-art{min-height:310px}.campaign-close h2{font-size:47px}}
@media(prefers-reduced-motion:reduce){.material-frame img{transition:none}.material-frame button:hover img{transform:none}}