:root{--paper:#e8e7df;--ink:#351c2a;--accent:#69233d;--rule:#bcb7b6;--body:Arial,sans-serif;--display:Georgia,serif}.brim .brand{font-family:Georgia,serif;letter-spacing:.18em}.brim-hero{background:#c4d9e8;min-height:840px;text-align:center;padding:80px 4% 50px}.brim-hero h1{font-size:clamp(42px,4.5vw,68px);position:relative;z-index:2}.hat-scene{position:relative;height:450px;width:100%;max-width:1320px;margin:auto;pointer-events:none}.hat{position:absolute;width:39%;aspect-ratio:1;overflow:clip}.hat img{position:absolute;width:300%;height:100%;max-width:none;object-fit:fill}.hat-0{left:0;bottom:-8%;z-index:3;rotate:-12deg}.hat-1{left:31%;top:-12%;z-index:1;rotate:8deg}.hat-2{right:-4%;bottom:-2%;z-index:2;rotate:18deg}.hat-0 img{left:0}.hat-1 img{left:-100%}.hat-2 img{left:-200%}.brim-hero .action{position:relative;z-index:4}.brim-edge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10%;align-items:center}.brim-edge p{max-width:30ch}.brim-edge img{height:480px;object-fit:cover;object-position:left bottom}.hat-rows{margin-top:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:7%}.hat-rows article{border-top:1px solid var(--rule);padding-top:24px}.brim-crown{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:14%;background:#c4d9e8}.brim-crown figure{width:75%;margin-left:auto}.brim-crown img{height:600px;object-fit:cover;object-position:center top}.brim-crown p{max-width:32ch}.brim-material{position:relative;min-height:600px;background:#69233d;color:#f5eee7;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.brim-material>div{padding:90px 12%;position:relative;z-index:1}.brim-material>div p{max-width:28ch;margin-top:30px}.felt-close{height:100%;width:100%;object-fit:cover;object-position:left bottom}.brim-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:7%}.brim-plan svg{width:100%;align-self:center}.brim-plan dl{grid-column:2;display:flex;gap:40px;margin:0}.brim-plan dd{margin:8px 0;font-size:15px}.brim-note{margin:0 10%;padding:70px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12%;border-top:1px solid var(--rule)}.brim-last{background:#c4d9e8;text-align:center}.brim-last p{margin:28px auto;max-width:40ch}.brim-last details{max-width:650px;margin:60px auto 0;text-align:left}.brim.login{background:#c4d9e8}.brim.login main{padding:80px 6% 300px;min-height:850px}.brim.login .auth{margin:auto;position:relative;z-index:4}.brim.login .stage-art{position:absolute;inset:auto 0 20px;height:280px;max-width:1000px;margin:auto}.brim.login .hat{width:32%}.brim.login .hat-0{bottom:-20%;left:-3%}.brim.login .hat-1{top:5%;left:35%;width:26%}.brim.login .hat-2{right:-3%;bottom:-12%}@media(max-width:767px){.brim-hero{min-height:660px;padding-top:60px}.brim-hero h1{font-size:40px}.hat-scene{height:320px;margin-top:30px}.hat{width:58%}.hat-0{left:-17%;bottom:0}.hat-1{left:22%;top:0}.hat-2{right:-20%;bottom:-1%}.brim-edge,.brim-crown,.brim-plan{display:block}.brim-edge figure,.brim-crown figure{margin:32px 0 0;width:100%}.brim-edge img{height:330px}.brim-crown img{height:400px}.hat-rows{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:40px}.brim-material{display:block;min-height:0}.brim-material>div{padding:64px 6%}.felt-close{height:320px}.brim-plan svg{margin-top:32px}.brim-plan dl{gap:24px;flex-wrap:wrap}.brim-note{display:block;margin:0 6%}.brim-note>div{margin-top:40px}.brim.login main{padding:56px 6% 260px}.brim.login .stage-art{height:230px;overflow:clip}.brim.login .hat{width:46%}.brim.login .hat-0{left:-12%;bottom:-8%}.brim.login .hat-1{left:29%;width:40%;top:15%}.brim.login .hat-2{right:-15%;bottom:-6%}}
.photo-window{overflow:clip}.brim-crown .photo-window{height:600px}.brim-camel{transform:scale(1.8);transform-origin:47% 18%}.brim-material>.photo-window{height:620px}.felt-close{transform:scale(3);transform-origin:10% 65%}.brim.login .stage-art .hat-scene{height:100%}.brim.login .hat-0{bottom:0;left:3%;width:30%}.brim.login .hat-1{top:0;left:36%;width:27%}.brim.login .hat-2{right:1%;bottom:0;width:30%}@media(max-width:767px){.brim-crown .photo-window{height:400px}.brim-material>.photo-window{height:320px}.brim.login .stage-art{bottom:35px;height:200px}.brim.login .hat-0{left:0;bottom:0;width:34%}.brim.login .hat-1{left:34%;top:0;width:34%}.brim.login .hat-2{right:0;bottom:0;width:34%}}